Sep 22, 2024 23:00:00

'Simple Icons' is a site where you can download over 3,000 SVG icons, including logos of popular brands, for free.

' Simple Icons ' is a site where you can download icons from many brands in SVG format, so I decided to check it out.

Simple Icons

https://simpleicons.org/

When you access the site it looks like this.

It seems like it will work just fine as is, but there is a Japanese version available, so let's change it. Click the language change button in the upper right and click 'Japanese.'

The site's UI has been translated into Japanese. At the time of writing, 3198 icons are available.

You can narrow down your search to some extent by entering words related to the icon you are looking for in the search field. You can sort the results by alphabetical order, color, or relevance.

The UI mode selection allows you to switch between 'light mode,' 'dark mode,' and 'sync with system,' and when you click the download icon, you can choose the download format from SVG or PDF.

In the UI layout section, you can change the layout to compactly summarize the information about each icon. If the icon you are looking for does not appear in the search results or is outdated, you can raise an issue on GitHub by clicking 'Submit a request' or 'Report an outdated icon' at the bottom.

Clicking on each icon will copy the SVG to your clipboard. If there is a license or brand guideline, it will be displayed in the bottom left of the icon.

Clicking on the magnifying glass icon will display a larger version of the icon, and you can download the icon in 'colored SVG' or 'PDF' format as well as SVG.

If you actually copy and paste a JavaScript icon in SVG, it looks like this.


You can also use each icon via CDN without downloading it. Just replace the [ICON SLUG] part of the code below with the name of the icon you want to use. For more information, please check the explanation on GitHub .
[code] [/code]