Skip to content

Instantly share code, notes, and snippets.

@abranhe
Last active July 12, 2022 08:45
Show Gist options
  • Save abranhe/bbd45c6a6e55dad4100512754454555b to your computer and use it in GitHub Desktop.
Save abranhe/bbd45c6a6e55dad4100512754454555b to your computer and use it in GitHub Desktop.
Colored Font Awesome Icon on READMEs

Original Image

Font Awesome Icon Link

You can download the image and customize the the SVG with the color that you want.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
  <path 
         d="M576 136c..." 
+        fill="red"
  />
</svg>

How it looks:

Original

Edited

Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M576 136c0 22.09-17.91 40-40 40c-.248 0-.4551-.1266-.7031-.1305l-50.52 277.9C482 468.9 468.8 480 453.3 480H122.7c-15.46 0-28.72-11.06-31.48-26.27L40.71 175.9C40.46 175.9 40.25 176 39.1 176c-22.09 0-40-17.91-40-40S17.91 96 39.1 96s40 17.91 40 40c0 8.998-3.521 16.89-8.537 23.57l89.63 71.7c15.91 12.73 39.5 7.544 48.61-10.68l57.6-115.2C255.1 98.34 247.1 86.34 247.1 72C247.1 49.91 265.9 32 288 32s39.1 17.91 39.1 40c0 14.34-7.963 26.34-19.3 33.4l57.6 115.2c9.111 18.22 32.71 23.4 48.61 10.68l89.63-71.7C499.5 152.9 496 144.1 496 136C496 113.9 513.9 96 536 96S576 113.9 576 136z" />
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment