Skip to content

Instantly share code, notes, and snippets.

@username0x0a
Created July 24, 2023 20:28
Show Gist options
  • Save username0x0a/636d8958af29bb5061b6dd9727f659ae to your computer and use it in GitHub Desktop.
Save username0x0a/636d8958af29bb5061b6dd9727f659ae to your computer and use it in GitHub Desktop.
Revert of Twitter's X logo
h1[role="heading"] {
padding-top: 2em;
}
h1[role="heading"] svg g {
opacity: 0;
}
h1[role="heading"] svg {
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 248 204"><path fill="%231d9bf0" d="M221.95 51.29c.15 2.17.15 4.34.15 6.53 0 66.73-50.8 143.69-143.69 143.69v-.04c-27.44.04-54.31-7.82-77.41-22.64 3.99.48 8 .72 12.02.73 22.74.02 44.83-7.61 62.72-21.66-21.61-.41-40.56-14.5-47.18-35.07 7.57 1.46 15.37 1.16 22.8-.87-23.56-4.76-40.51-25.46-40.51-49.5v-.64c7.02 3.91 14.88 6.08 22.92 6.32C11.58 63.31 4.74 33.79 18.14 10.71c25.64 31.55 63.47 50.73 104.08 52.76-4.07-17.54 1.49-35.92 14.61-48.25 20.34-19.12 52.33-18.14 71.45 2.19 11.31-2.23 22.15-6.38 32.07-12.26-3.77 11.69-11.66 21.62-22.2 27.93 10.01-1.18 19.79-3.86 29-7.95-6.78 10.16-15.32 19.01-25.2 26.16z"/></svg>');
background-size: 32px 32px;
background-repeat: no-repeat;
background-position: center;
height: 32px;
width: 32px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment