How would I upload a custom icon into html/css/javascript?

I have an icon that was designed in adobe illustrator and would like to add it into a webpage instead of using an icon website like font awesome. How would I go about using a custom-made icon instead of another websites icon?

Hello!

Are you referring to a favicon?

If not, are you looking to insert the image on your page?

Hopefully, those two resources can be of use to you, but please don’t hesitate to reach out if you would like more information.

  • File -> export for screens
  • export as SVG
  • open the SVG in a text editor
  • copy paste code into the HTML page
  • style it using CSS

You probably want the SVG code cleaned up a bit, SVGOMG works really well for one-off svgs

1 Like