Icon
Icon
A canonical Velicons asset with searchable taxonomy, inspectable SVG artwork, and framework-ready usage.
Ready to use
Copy a framework example or the canonical SVG without leaving this page.
Usage
Generated from the canonical Velicons framework integrations.
1import { Icon } from '@velicons/react';2 3export function Example() {4 return <Icon />;5}Experiment
Shape the SVG before you ship it.
Tune paint, opacity, scale, transforms, and stroke behavior against the real generated asset. The resulting code stays visible below the preview.
In context
A brand icon in a real interface.
See Icon used naturally in a product integration or connected service.
Integration
A contextual example
Icon
This is an example of how the icon can become part of a larger product experience without being the interface itself.
Recent activity
Where this visual element appears in the product.
Added Icon to integration
Just now · Workspace
Updated presentation
12 minutes ago · Design
Used in a new collection
Yesterday · Library
Appearance
The same asset can adapt to different surfaces while retaining its visual identity.
Default
Compact
Muted
Featured
Icon metadata
Canonical icon data, library information, source provenance, and library-specific metadata.
- Icon ID
icon:icon:simpleicons:default- Name
icon- Title
Icon- Library
- Simple Icons
- Variant
- default
- Color mode
- monochrome
- ViewBox
0 0 24 24- Dimensions
- 24 × 24
- Categories
- Aliases
- None
- Component
Icon- Presentation color
#31B8BB
Library & attribution
- Library
- Simple Icons
- License
- Individual icon licenses
- Author
- Simple Icons contributors
- Repository
- https://github.com/simple-icons/simple-icons
- Website
- https://simpleicons.org
Library-specific metadata
- Hex
- 31B8BB
Related
More like this
Ranked from shared taxonomy, aliases, tags, and icon names.