Icon

Typings

A canonical Velicons asset with searchable taxonomy, inspectable SVG artwork, and framework-ready usage.

filenavigation
defaultmonochrome

Ready to use

Copy a framework example or the canonical SVG without leaving this page.

Usage

Generated from the canonical Velicons framework integrations.

Example.tsx
1import { Typings } from '@velicons/react';
2 
3export function Example() {
4 return <Typings />;
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 file icon in a real interface.

See Typings used naturally to identify a document, asset, or file type.

File

iconfile-icons

Typings

This is an example of how the icon can become part of a larger product experience without being the interface itself.

filenavigation

Recent activity

Where this visual element appears in the product.

Live

Added Typings to file

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:typings:file-icons:default
Name
typings
Title
Typings
Library
File Icons
Variant
default
Color mode
monochrome
ViewBox
0 0 24 24
Dimensions
24 × 24
Categories
Aliases
None
Component
Typings

Library & attribution

Library
File Icons
License
ISC
SPDX
ISC
License URL
https://github.com/file-icons/icons/blob/master/LICENSE.md
Author
John Gardner
Repository
https://github.com/file-icons/icons
Website
https://github.com/file-icons/atom

Library-specific metadata

Source Icon Name
Typings