Icon
Gnome
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 { Gnome } from '@velicons/react';2 3export function Example() {4 return <Gnome />;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 Gnome used naturally in a product integration or connected service.
Integration
A contextual example
Gnome
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 Gnome 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:gnome:simpleicons:default- Name
gnome- Title
Gnome- Library
- Simple Icons
- Variant
- default
- Color mode
- monochrome
- ViewBox
0 0 24 24- Dimensions
- 24 × 24
- Categories
- Aliases
- None
- Component
Gnome- Presentation color
#4A86CF
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
- 4A86CF
Related
More like this
Ranked from shared taxonomy, aliases, tags, and icon names.