Repository files navigation

Colorable and resizable CDN for Simple Icons

We ask that all users read thelegal disclaimer before using icons from Simple Icons.

GET https://cdn.simpleicons.org/:icon_slug/:color?/:dark_mode_color?

You can simply click the icon title onsimpleicons.org to copy the slug.

All icon slugs can be found atslugs.md.

Optional. Default to the color of icon fromsimpleicons.org. It supportshex colors andCSS keywords. Passing in an invalid value will use the default color as a fallback.

Optional. It's used for dark mode and has the same function ascolor. TheCSS prefers-color-scheme will be used when a value is specified.

Optional. The icon is placed in a square viewBox by default. Use the query parameterviewbox=auto to adjust the viewBox to the same aspect ratio as the shape.

Optional. It's used for customizing the icon size. Use the query parametersize to scale with its original aspect ratio.

• -https://cdn.simpleicons.org/simpleicons
• -https://cdn.simpleicons.org/simpleicons/blue
• -https://cdn.simpleicons.org/simpleicons/hotpink
• -https://cdn.simpleicons.org/simpleicons/0cf
• -https://cdn.simpleicons.org/simpleicons/0cf9
• -https://cdn.simpleicons.org/simpleicons/00ccff
• -https://cdn.simpleicons.org/simpleicons/00ccff99
• -https://cdn.simpleicons.org/simpleicons/orange/pink
• -https://cdn.simpleicons.org/simpleicons/_/eee
• -https://cdn.simpleicons.org/simpleicons/eee/_

This is useful if you want all icons rendered with consitent size.

<imgheight="20"src="https://cdn.simpleicons.org/javascript?viewbox=auto"/><imgheight="20"src="https://cdn.simpleicons.org/python?viewbox=auto"/><imgheight="20"src="https://cdn.simpleicons.org/kotlin?viewbox=auto"/><imgheight="20"src="https://cdn.simpleicons.org/dart?viewbox=auto"/><imgheight="20"src="https://cdn.simpleicons.org/r?viewbox=auto"/><imgheight="20"src="https://cdn.simpleicons.org/swift?viewbox=auto"/><imgheight="20"src="https://cdn.simpleicons.org/julia?viewbox=auto"/><imgheight="20"src="https://cdn.simpleicons.org/haskell?viewbox=auto"/><imgheight="20"src="https://cdn.simpleicons.org/clojure?viewbox=auto"/>

Easily browse, search, and copy icon SVG source, brand color, guidelines, and CDN links with Raycast.

You can use this icon CDN anywhere in Notion which allows you to insert a custom image or icon.

This is also useful to customize your icon color forKando menu items:

It's possible to use icons from the terminal emulator since iTerm2 hasspecial image support.

imgcat -u'https://cdn.simpleicons.org/go'imgcat -u'https://cdn.simpleicons.org/go?viewbox=auto'imgcat -u'https://cdn.simpleicons.org/go?viewbox=auto&size=48'

• cdn.simpleicons.org
• icons.ly

• Simple Icons - Icon provider of the CDN service
• Brand Icons - Raycast extension that makes it easy to search and copy CDN links

MIT