Skip to content

Instantly share code, notes, and snippets.

@mbostock

mbostock/.block

Forked from hail2u/twitter-bird.svg
Last active December 11, 2023 06:50
Show Gist options
  • Star 21 You must be signed in to star a gist
  • Fork 4 You must be signed in to fork a gist
  • Save mbostock/3094619 to your computer and use it in GitHub Desktop.
Save mbostock/3094619 to your computer and use it in GitHub Desktop.
Download ZIP
Twitter SVG Logo
Raw
.block
license: gpl-3.0
Raw
README.md
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
svg {
display: block;
height: 400px;
margin: 50px auto;
}
</style>
<svg viewBox="328 355 335 276" xmlns="http://www.w3.org/2000/svg">
<path d="
M 630, 425
A 195, 195 0 0 1 331, 600
A 142, 142 0 0 0 428, 570
A 70, 70 0 0 1 370, 523
A 70, 70 0 0 0 401, 521
A 70, 70 0 0 1 344, 455
A 70, 70 0 0 0 372, 460
A 70, 70 0 0 1 354, 370
A 195, 195 0 0 0 495, 442
A 67, 67 0 0 1 611, 380
A 117, 117 0 0 0 654, 363
A 65, 65 0 0 1 623, 401
A 117, 117 0 0 0 662, 390
A 65, 65 0 0 1 630, 425
Z"
style="fill:#3BA9EE;"/>
</svg>
@johan
Copy link

johan commented Oct 20, 2012

Ah, you beat me to it! :-)

It comes down to 367 bytes with relative coordinates: https://github.com/johan/svg-cleanups/blob/master/logos/twitter.svg - or a 220 byte svgz.

Pretty good, even by svg standards!

@kantrveysel
Copy link

Really good.

@princefishthrower
Copy link

You can save a few characters by using the fill property, i.e. fill="#3BA9EE" instead of using the style property 😄

@eldano1995
Copy link

Awesome, thanks!

@MPDADDY
Copy link

MPDADDY commented Dec 11, 2023 •
edited

Thanks a lot, I needed this svg icon.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment