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