Icon

The <Icon /> component can be used together with the @marvelapp/theme icon collection.

import { Image } from '@marvelapp/ui';
import { ADD_TO_FOLDER_ICON } from '@marvelapp/ui';
<Icon display="block" paths={ADD_TO_FOLDER_ICON} />

All

ADD_TO_FOLDER_ICON
Copied!
ADD_TO_SECTION
Copied!
ANCHOR_ICON
Copied!
ARCHIVE_ICON
Copied!
ARROW_DOWN_ICON
Copied!
ARROW_LEFT_ICON
Copied!
ARROW_RIGHT_ICON
Copied!
ARROW_UP_ICON
Copied!
CAMERA_ICON
Copied!
CARET_ICON
Copied!
CARET_RIGHT_ICON
Copied!
CHECKBOX_TICK_ICON
Copied!
CLOSE_ICON
Copied!
COMMENT_ICON
Copied!
COMMENT_MORE_ICON
Copied!
COMMENT_REACT_ICON
Copied!
COMMENT_REPLY_ICON
Copied!
CONCEALED_ICON
Copied!
COPY_ICON
Copied!
CREATE_SECTION
Copied!
DASH_ICON
Copied!
DELETE_ICON
Copied!
DOTS_ICON
Copied!
DOWNLOAD_ICON
Copied!
EXTERNAL_ARROW_ICON
Copied!
EXTERNAL_ARROW_LIGHT_ICON
Copied!
IMAGE_ICON
Copied!
INFO_ICON
Copied!
INFO_ICON
Copied!
INFO_ICON_CIRCLE
Copied!
LAYER_ICON
Copied!
LINK_ICON
Copied!
LOCK_ICON
Copied!
MICROPHONE_ICON
Copied!
MINUS_ICON
Copied!
NO_EDIT_ICON
Copied!
PAUSE_ICON
Copied!
PENCIL_ICON
Copied!
PENDING_ICON
Copied!
PLAY_ICON
Copied!
PLUS_ICON
Copied!
QR_ICON
Copied!
QUESTION_ICON
Copied!
REDO_ICON
Copied!
REFRESH_ICON
Copied!
REVEALED_ICON
Copied!
SCREEN_ICON
Copied!
SEARCH_ICON
Copied!
SETTINGS_ICON
Copied!
SHARE_ICON
Copied!
SORT_ICON
Copied!
TRIANGLE_DOWN_ICON
Copied!
TRIANGLE_LEFT_ICON
Copied!
TRIANGLE_RIGHT_ICON
Copied!
TRIANGLE_UP_ICON
Copied!
UNDO_ICON
Copied!
UNGROUP
Copied!
UPLOAD_ICON
Copied!
VIDEO_ICON
Copied!
VOLUME_ICON_FULL
Copied!
VOLUME_ICON_HALF
Copied!
VOLUME_ICON_NONE
Copied!
WARNING_ICON
Copied!
WARNING_TRIANGLE_ICON
Copied!

Props

Prop
Type
Default
fill
string
currentColor
height
number
24
paths
array
viewBox
string
0 0 24 24
width
number
24