About Typicons Icons

Typicons is a comprehensive, open-source vector icon library designed by Stephen Hutchings. Our catalogue lists 336 SVG icons in the UI 24px category. Search by icon name, preview the result at your interface’s size, and copy SVG or framework code.

License & Usage

The catalogue lists the CC BY-SA 4.0 license. Read the collection’s license for attribution, redistribution, and any other terms that apply to your use.

Installation & Integration

npm install @iconify/react

import { Icon } from '@iconify/react';

<Icon icon="typcn:pin-outline" width={24} />

You can interactively search, customize stroke widths, adjust colors, and copy raw SVG code directly from the interface above. Alternatively, you can copy React JSX snippets or Vue templates for immediate integration into your frontend frameworks.

Try a sample icon

Related Design Resources

Typography Library — Discover 2,180+ open-source fonts to pair with these icons.
Image Resizer — Perfectly frame your icons for social media graphics.