{
"packageName": "@frontify/fondue/icons",
"sizes": [
12,
16,
20,
24,
32
],
"icons": [
{
"name": "adobe-creative-cloud",
"description": "",
"componentName": "IconAdobeCreativeCloud",
"importStatement": "import { IconAdobeCreativeCloud } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"adobe",
"creative",
"cloud"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconAdobeCreativeCloud at size 24.",
"code": "import { IconAdobeCreativeCloud } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "adobe-in-design",
"description": "",
"componentName": "IconAdobeInDesign",
"importStatement": "import { IconAdobeInDesign } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"adobe",
"in",
"design"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconAdobeInDesign at size 24.",
"code": "import { IconAdobeInDesign } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "anchor",
"description": "",
"componentName": "IconAnchor",
"importStatement": "import { IconAnchor } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"anchor"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconAnchor at size 24.",
"code": "import { IconAnchor } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "annotation-lines",
"description": "",
"componentName": "IconAnnotationLines",
"importStatement": "import { IconAnnotationLines } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"annotation",
"lines"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconAnnotationLines at size 24.",
"code": "import { IconAnnotationLines } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "annotation-numbers",
"description": "",
"componentName": "IconAnnotationNumbers",
"importStatement": "import { IconAnnotationNumbers } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"annotation",
"numbers"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconAnnotationNumbers at size 24.",
"code": "import { IconAnnotationNumbers } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "apps",
"description": "",
"componentName": "IconApps",
"importStatement": "import { IconApps } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"apps"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconApps at size 24.",
"code": "import { IconApps } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "archive",
"description": "",
"componentName": "IconArchive",
"importStatement": "import { IconArchive } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"archive"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArchive at size 24.",
"code": "import { IconArchive } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-align-down",
"description": "",
"componentName": "IconArrowAlignDown",
"importStatement": "import { IconArrowAlignDown } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"align",
"down"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowAlignDown at size 24.",
"code": "import { IconArrowAlignDown } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-align-horizontal-centre",
"description": "",
"componentName": "IconArrowAlignHorizontalCentre",
"importStatement": "import { IconArrowAlignHorizontalCentre } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"align",
"horizontal",
"centre"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowAlignHorizontalCentre at size 24.",
"code": "import { IconArrowAlignHorizontalCentre } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-align-left",
"description": "",
"componentName": "IconArrowAlignLeft",
"importStatement": "import { IconArrowAlignLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"align",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowAlignLeft at size 24.",
"code": "import { IconArrowAlignLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-align-right",
"description": "",
"componentName": "IconArrowAlignRight",
"importStatement": "import { IconArrowAlignRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"align",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowAlignRight at size 24.",
"code": "import { IconArrowAlignRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-align-up",
"description": "",
"componentName": "IconArrowAlignUp",
"importStatement": "import { IconArrowAlignUp } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"align",
"up"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowAlignUp at size 24.",
"code": "import { IconArrowAlignUp } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-align-vertical-centre",
"description": "",
"componentName": "IconArrowAlignVerticalCentre",
"importStatement": "import { IconArrowAlignVerticalCentre } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"align",
"vertical",
"centre"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowAlignVerticalCentre at size 24.",
"code": "import { IconArrowAlignVerticalCentre } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-bidirectional",
"description": "",
"componentName": "IconArrowBidirectional",
"importStatement": "import { IconArrowBidirectional } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"bidirectional"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowBidirectional at size 24.",
"code": "import { IconArrowBidirectional } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-bidirectional-horizontal",
"description": "",
"componentName": "IconArrowBidirectionalHorizontal",
"importStatement": "import { IconArrowBidirectionalHorizontal } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"bidirectional",
"horizontal"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowBidirectionalHorizontal at size 24.",
"code": "import { IconArrowBidirectionalHorizontal } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-bottom-to-top",
"description": "",
"componentName": "IconArrowBottomToTop",
"importStatement": "import { IconArrowBottomToTop } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"bottom",
"to",
"top"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowBottomToTop at size 24.",
"code": "import { IconArrowBottomToTop } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-circle-down",
"description": "",
"componentName": "IconArrowCircleDown",
"importStatement": "import { IconArrowCircleDown } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"circle",
"down"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowCircleDown at size 24.",
"code": "import { IconArrowCircleDown } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-circle-up",
"description": "",
"componentName": "IconArrowCircleUp",
"importStatement": "import { IconArrowCircleUp } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"circle",
"up"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowCircleUp at size 24.",
"code": "import { IconArrowCircleUp } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-down",
"description": "",
"componentName": "IconArrowDown",
"importStatement": "import { IconArrowDown } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"down"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowDown at size 24.",
"code": "import { IconArrowDown } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-expand",
"description": "",
"componentName": "IconArrowExpand",
"importStatement": "import { IconArrowExpand } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"expand"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowExpand at size 24.",
"code": "import { IconArrowExpand } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-fit-bottom-left",
"description": "",
"componentName": "IconArrowFitBottomLeft",
"importStatement": "import { IconArrowFitBottomLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"fit",
"bottom",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowFitBottomLeft at size 24.",
"code": "import { IconArrowFitBottomLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-fit-bottom-right",
"description": "",
"componentName": "IconArrowFitBottomRight",
"importStatement": "import { IconArrowFitBottomRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"fit",
"bottom",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowFitBottomRight at size 24.",
"code": "import { IconArrowFitBottomRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-fit-top-left",
"description": "",
"componentName": "IconArrowFitTopLeft",
"importStatement": "import { IconArrowFitTopLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"fit",
"top",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowFitTopLeft at size 24.",
"code": "import { IconArrowFitTopLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-fit-top-right",
"description": "",
"componentName": "IconArrowFitTopRight",
"importStatement": "import { IconArrowFitTopRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"fit",
"top",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowFitTopRight at size 24.",
"code": "import { IconArrowFitTopRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-hook",
"description": "",
"componentName": "IconArrowHook",
"importStatement": "import { IconArrowHook } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"hook"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowHook at size 24.",
"code": "import { IconArrowHook } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-left",
"description": "",
"componentName": "IconArrowLeft",
"importStatement": "import { IconArrowLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowLeft at size 24.",
"code": "import { IconArrowLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-left-to-right",
"description": "",
"componentName": "IconArrowLeftToRight",
"importStatement": "import { IconArrowLeftToRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"left",
"to",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowLeftToRight at size 24.",
"code": "import { IconArrowLeftToRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-minimize",
"description": "",
"componentName": "IconArrowMinimize",
"importStatement": "import { IconArrowMinimize } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"minimize"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowMinimize at size 24.",
"code": "import { IconArrowMinimize } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-move",
"description": "",
"componentName": "IconArrowMove",
"importStatement": "import { IconArrowMove } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"move"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowMove at size 24.",
"code": "import { IconArrowMove } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-out-external",
"description": "",
"componentName": "IconArrowOutExternal",
"importStatement": "import { IconArrowOutExternal } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"out",
"external"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowOutExternal at size 24.",
"code": "import { IconArrowOutExternal } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-out-logout",
"description": "",
"componentName": "IconArrowOutLogout",
"importStatement": "import { IconArrowOutLogout } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"out",
"logout"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowOutLogout at size 24.",
"code": "import { IconArrowOutLogout } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-out-share",
"description": "",
"componentName": "IconArrowOutShare",
"importStatement": "import { IconArrowOutShare } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"out",
"share"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowOutShare at size 24.",
"code": "import { IconArrowOutShare } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-right",
"description": "",
"componentName": "IconArrowRight",
"importStatement": "import { IconArrowRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowRight at size 24.",
"code": "import { IconArrowRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-right-to-left",
"description": "",
"componentName": "IconArrowRightToLeft",
"importStatement": "import { IconArrowRightToLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"right",
"to",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowRightToLeft at size 24.",
"code": "import { IconArrowRightToLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-round-anti-clockwise",
"description": "",
"componentName": "IconArrowRoundAntiClockwise",
"importStatement": "import { IconArrowRoundAntiClockwise } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"round",
"anti",
"clockwise"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowRoundAntiClockwise at size 24.",
"code": "import { IconArrowRoundAntiClockwise } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-round-clockwise",
"description": "",
"componentName": "IconArrowRoundClockwise",
"importStatement": "import { IconArrowRoundClockwise } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"round",
"clockwise"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowRoundClockwise at size 24.",
"code": "import { IconArrowRoundClockwise } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-scale-horizontal",
"description": "",
"componentName": "IconArrowScaleHorizontal",
"importStatement": "import { IconArrowScaleHorizontal } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"scale",
"horizontal"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowScaleHorizontal at size 24.",
"code": "import { IconArrowScaleHorizontal } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-scale-vertical",
"description": "",
"componentName": "IconArrowScaleVertical",
"importStatement": "import { IconArrowScaleVertical } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"scale",
"vertical"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowScaleVertical at size 24.",
"code": "import { IconArrowScaleVertical } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-slide-in",
"description": "",
"componentName": "IconArrowSlideIn",
"importStatement": "import { IconArrowSlideIn } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"slide",
"in"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowSlideIn at size 24.",
"code": "import { IconArrowSlideIn } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-slide-out",
"description": "",
"componentName": "IconArrowSlideOut",
"importStatement": "import { IconArrowSlideOut } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"slide",
"out"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowSlideOut at size 24.",
"code": "import { IconArrowSlideOut } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-spin-left",
"description": "",
"componentName": "IconArrowSpinLeft",
"importStatement": "import { IconArrowSpinLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"spin",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowSpinLeft at size 24.",
"code": "import { IconArrowSpinLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-spin-right",
"description": "",
"componentName": "IconArrowSpinRight",
"importStatement": "import { IconArrowSpinRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"spin",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowSpinRight at size 24.",
"code": "import { IconArrowSpinRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-stretch-box",
"description": "",
"componentName": "IconArrowStretchBox",
"importStatement": "import { IconArrowStretchBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"stretch",
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowStretchBox at size 24.",
"code": "import { IconArrowStretchBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-swap",
"description": "",
"componentName": "IconArrowSwap",
"importStatement": "import { IconArrowSwap } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"swap"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowSwap at size 24.",
"code": "import { IconArrowSwap } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-sync",
"description": "",
"componentName": "IconArrowSync",
"importStatement": "import { IconArrowSync } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"sync"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowSync at size 24.",
"code": "import { IconArrowSync } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-top-to-bottom",
"description": "",
"componentName": "IconArrowTopToBottom",
"importStatement": "import { IconArrowTopToBottom } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"top",
"to",
"bottom"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowTopToBottom at size 24.",
"code": "import { IconArrowTopToBottom } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "arrow-up",
"description": "",
"componentName": "IconArrowUp",
"importStatement": "import { IconArrowUp } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"arrow",
"up"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconArrowUp at size 24.",
"code": "import { IconArrowUp } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "bar",
"description": "",
"componentName": "IconBar",
"importStatement": "import { IconBar } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"bar"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconBar at size 24.",
"code": "import { IconBar } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "bar-narrow",
"description": "",
"componentName": "IconBarNarrow",
"importStatement": "import { IconBarNarrow } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"bar",
"narrow"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconBarNarrow at size 24.",
"code": "import { IconBarNarrow } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "basketball",
"description": "",
"componentName": "IconBasketball",
"importStatement": "import { IconBasketball } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"basketball"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconBasketball at size 24.",
"code": "import { IconBasketball } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "bell",
"description": "",
"componentName": "IconBell",
"importStatement": "import { IconBell } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"bell"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconBell at size 24.",
"code": "import { IconBell } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "bookmark",
"description": "",
"componentName": "IconBookmark",
"importStatement": "import { IconBookmark } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"bookmark"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconBookmark at size 24.",
"code": "import { IconBookmark } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "bookmark-filled",
"description": "",
"componentName": "IconBookmarkFilled",
"importStatement": "import { IconBookmarkFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"bookmark",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconBookmarkFilled at size 24.",
"code": "import { IconBookmarkFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "box",
"description": "",
"componentName": "IconBox",
"importStatement": "import { IconBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconBox at size 24.",
"code": "import { IconBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "brackets-curly",
"description": "",
"componentName": "IconBracketsCurly",
"importStatement": "import { IconBracketsCurly } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"brackets",
"curly"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconBracketsCurly at size 24.",
"code": "import { IconBracketsCurly } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "building-block",
"description": "",
"componentName": "IconBuildingBlock",
"importStatement": "import { IconBuildingBlock } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"building",
"block"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconBuildingBlock at size 24.",
"code": "import { IconBuildingBlock } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "buildings",
"description": "",
"componentName": "IconBuildings",
"importStatement": "import { IconBuildings } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"buildings"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconBuildings at size 24.",
"code": "import { IconBuildings } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "button",
"description": "",
"componentName": "IconButton",
"importStatement": "import { IconButton } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"button"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconButton at size 24.",
"code": "import { IconButton } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "calendar",
"description": "",
"componentName": "IconCalendar",
"importStatement": "import { IconCalendar } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"calendar"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCalendar at size 24.",
"code": "import { IconCalendar } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "calendar-checked",
"description": "",
"componentName": "IconCalendarChecked",
"importStatement": "import { IconCalendarChecked } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"calendar",
"checked"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCalendarChecked at size 24.",
"code": "import { IconCalendarChecked } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "camera",
"description": "",
"componentName": "IconCamera",
"importStatement": "import { IconCamera } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"camera"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCamera at size 24.",
"code": "import { IconCamera } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "cap",
"description": "",
"componentName": "IconCap",
"importStatement": "import { IconCap } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"cap"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCap at size 24.",
"code": "import { IconCap } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "card",
"description": "",
"componentName": "IconCard",
"importStatement": "import { IconCard } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"card"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCard at size 24.",
"code": "import { IconCard } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "card-layout-large",
"description": "",
"componentName": "IconCardLayoutLarge",
"importStatement": "import { IconCardLayoutLarge } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"card",
"layout",
"large"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCardLayoutLarge at size 24.",
"code": "import { IconCardLayoutLarge } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "card-layout-medium",
"description": "",
"componentName": "IconCardLayoutMedium",
"importStatement": "import { IconCardLayoutMedium } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"card",
"layout",
"medium"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCardLayoutMedium at size 24.",
"code": "import { IconCardLayoutMedium } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "card-layout-small",
"description": "",
"componentName": "IconCardLayoutSmall",
"importStatement": "import { IconCardLayoutSmall } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"card",
"layout",
"small"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCardLayoutSmall at size 24.",
"code": "import { IconCardLayoutSmall } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "card-stack",
"description": "",
"componentName": "IconCardStack",
"importStatement": "import { IconCardStack } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"card",
"stack"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCardStack at size 24.",
"code": "import { IconCardStack } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "caret-down",
"description": "",
"componentName": "IconCaretDown",
"importStatement": "import { IconCaretDown } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"caret",
"down"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCaretDown at size 24.",
"code": "import { IconCaretDown } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "caret-left",
"description": "",
"componentName": "IconCaretLeft",
"importStatement": "import { IconCaretLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"caret",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCaretLeft at size 24.",
"code": "import { IconCaretLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "caret-left-double",
"description": "",
"componentName": "IconCaretLeftDouble",
"importStatement": "import { IconCaretLeftDouble } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"caret",
"left",
"double"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCaretLeftDouble at size 24.",
"code": "import { IconCaretLeftDouble } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "caret-right",
"description": "",
"componentName": "IconCaretRight",
"importStatement": "import { IconCaretRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"caret",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCaretRight at size 24.",
"code": "import { IconCaretRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "caret-right-double",
"description": "",
"componentName": "IconCaretRightDouble",
"importStatement": "import { IconCaretRightDouble } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"caret",
"right",
"double"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCaretRightDouble at size 24.",
"code": "import { IconCaretRightDouble } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "caret-up",
"description": "",
"componentName": "IconCaretUp",
"importStatement": "import { IconCaretUp } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"caret",
"up"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCaretUp at size 24.",
"code": "import { IconCaretUp } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "caret-up-down",
"description": "",
"componentName": "IconCaretUpDown",
"importStatement": "import { IconCaretUpDown } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"caret",
"up",
"down"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCaretUpDown at size 24.",
"code": "import { IconCaretUpDown } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "carousel",
"description": "",
"componentName": "IconCarousel",
"importStatement": "import { IconCarousel } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"carousel"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCarousel at size 24.",
"code": "import { IconCarousel } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "chart-bars",
"description": "",
"componentName": "IconChartBars",
"importStatement": "import { IconChartBars } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"chart",
"bars"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconChartBars at size 24.",
"code": "import { IconChartBars } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "chart-line",
"description": "",
"componentName": "IconChartLine",
"importStatement": "import { IconChartLine } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"chart",
"line"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconChartLine at size 24.",
"code": "import { IconChartLine } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "chart-pie",
"description": "",
"componentName": "IconChartPie",
"importStatement": "import { IconChartPie } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"chart",
"pie"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconChartPie at size 24.",
"code": "import { IconChartPie } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "check-mark",
"description": "",
"componentName": "IconCheckMark",
"importStatement": "import { IconCheckMark } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"check",
"mark"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCheckMark at size 24.",
"code": "import { IconCheckMark } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "check-mark-circle",
"description": "",
"componentName": "IconCheckMarkCircle",
"importStatement": "import { IconCheckMarkCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"check",
"mark",
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCheckMarkCircle at size 24.",
"code": "import { IconCheckMarkCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "check-mark-circle-filled",
"description": "",
"componentName": "IconCheckMarkCircleFilled",
"importStatement": "import { IconCheckMarkCircleFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"check",
"mark",
"circle",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCheckMarkCircleFilled at size 24.",
"code": "import { IconCheckMarkCircleFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "checkbox",
"description": "",
"componentName": "IconCheckbox",
"importStatement": "import { IconCheckbox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"checkbox"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCheckbox at size 24.",
"code": "import { IconCheckbox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "checkmark-circle-box",
"description": "",
"componentName": "IconCheckmarkCircleBox",
"importStatement": "import { IconCheckmarkCircleBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"checkmark",
"circle",
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCheckmarkCircleBox at size 24.",
"code": "import { IconCheckmarkCircleBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "circle",
"description": "",
"componentName": "IconCircle",
"importStatement": "import { IconCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCircle at size 24.",
"code": "import { IconCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "clipboard",
"description": "",
"componentName": "IconClipboard",
"importStatement": "import { IconClipboard } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"clipboard"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconClipboard at size 24.",
"code": "import { IconClipboard } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "clipboard-at",
"description": "",
"componentName": "IconClipboardAt",
"importStatement": "import { IconClipboardAt } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"clipboard",
"at"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconClipboardAt at size 24.",
"code": "import { IconClipboardAt } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "clipboard-out",
"description": "",
"componentName": "IconClipboardOut",
"importStatement": "import { IconClipboardOut } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"clipboard",
"out"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconClipboardOut at size 24.",
"code": "import { IconClipboardOut } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "clock",
"description": "",
"componentName": "IconClock",
"importStatement": "import { IconClock } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"clock"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconClock at size 24.",
"code": "import { IconClock } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "clock-alternative",
"description": "",
"componentName": "IconClockAlternative",
"importStatement": "import { IconClockAlternative } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"clock",
"alternative"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconClockAlternative at size 24.",
"code": "import { IconClockAlternative } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "clock-list",
"description": "",
"componentName": "IconClockList",
"importStatement": "import { IconClockList } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"clock",
"list"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconClockList at size 24.",
"code": "import { IconClockList } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "closed-captions",
"description": "",
"componentName": "IconClosedCaptions",
"importStatement": "import { IconClosedCaptions } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"closed",
"captions"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconClosedCaptions at size 24.",
"code": "import { IconClosedCaptions } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "cloud-arrow-down",
"description": "",
"componentName": "IconCloudArrowDown",
"importStatement": "import { IconCloudArrowDown } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"cloud",
"arrow",
"down"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCloudArrowDown at size 24.",
"code": "import { IconCloudArrowDown } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "cloud-arrow-up",
"description": "",
"componentName": "IconCloudArrowUp",
"importStatement": "import { IconCloudArrowUp } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"cloud",
"arrow",
"up"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCloudArrowUp at size 24.",
"code": "import { IconCloudArrowUp } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "cloud-off",
"description": "",
"componentName": "IconCloudOff",
"importStatement": "import { IconCloudOff } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"cloud",
"off"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCloudOff at size 24.",
"code": "import { IconCloudOff } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "code",
"description": "",
"componentName": "IconCode",
"importStatement": "import { IconCode } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"code"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCode at size 24.",
"code": "import { IconCode } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "code-box",
"description": "",
"componentName": "IconCodeBox",
"importStatement": "import { IconCodeBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"code",
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCodeBox at size 24.",
"code": "import { IconCodeBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "code-frame",
"description": "",
"componentName": "IconCodeFrame",
"importStatement": "import { IconCodeFrame } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"code",
"frame"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCodeFrame at size 24.",
"code": "import { IconCodeFrame } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "cog",
"description": "",
"componentName": "IconCog",
"importStatement": "import { IconCog } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"cog"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCog at size 24.",
"code": "import { IconCog } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "color-fan",
"description": "",
"componentName": "IconColorFan",
"importStatement": "import { IconColorFan } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"color",
"fan"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconColorFan at size 24.",
"code": "import { IconColorFan } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "command-line-box",
"description": "",
"componentName": "IconCommandLineBox",
"importStatement": "import { IconCommandLineBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"command",
"line",
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCommandLineBox at size 24.",
"code": "import { IconCommandLineBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "content-block",
"description": "",
"componentName": "IconContentBlock",
"importStatement": "import { IconContentBlock } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"content",
"block"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconContentBlock at size 24.",
"code": "import { IconContentBlock } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "context-search",
"description": "",
"componentName": "IconContextSearch",
"importStatement": "import { IconContextSearch } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"context",
"search"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconContextSearch at size 24.",
"code": "import { IconContextSearch } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "controller",
"description": "",
"componentName": "IconController",
"importStatement": "import { IconController } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"controller"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconController at size 24.",
"code": "import { IconController } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "country",
"description": "",
"componentName": "IconCountry",
"importStatement": "import { IconCountry } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"country"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCountry at size 24.",
"code": "import { IconCountry } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "crop",
"description": "",
"componentName": "IconCrop",
"importStatement": "import { IconCrop } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"crop"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCrop at size 24.",
"code": "import { IconCrop } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "cross",
"description": "",
"componentName": "IconCross",
"importStatement": "import { IconCross } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"cross"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCross at size 24.",
"code": "import { IconCross } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "cross-circle",
"description": "",
"componentName": "IconCrossCircle",
"importStatement": "import { IconCrossCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"cross",
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCrossCircle at size 24.",
"code": "import { IconCrossCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "cross-circle-box",
"description": "",
"componentName": "IconCrossCircleBox",
"importStatement": "import { IconCrossCircleBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"cross",
"circle",
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCrossCircleBox at size 24.",
"code": "import { IconCrossCircleBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "cross-circle-filled",
"description": "",
"componentName": "IconCrossCircleFilled",
"importStatement": "import { IconCrossCircleFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"cross",
"circle",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCrossCircleFilled at size 24.",
"code": "import { IconCrossCircleFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "cursor-click",
"description": "",
"componentName": "IconCursorClick",
"importStatement": "import { IconCursorClick } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"cursor",
"click"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCursorClick at size 24.",
"code": "import { IconCursorClick } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "curve-easing",
"description": "",
"componentName": "IconCurveEasing",
"importStatement": "import { IconCurveEasing } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"curve",
"easing"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconCurveEasing at size 24.",
"code": "import { IconCurveEasing } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "design-system",
"description": "",
"componentName": "IconDesignSystem",
"importStatement": "import { IconDesignSystem } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"design",
"system"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDesignSystem at size 24.",
"code": "import { IconDesignSystem } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "diagram-tree",
"description": "",
"componentName": "IconDiagramTree",
"importStatement": "import { IconDiagramTree } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"diagram",
"tree"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDiagramTree at size 24.",
"code": "import { IconDiagramTree } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "divider-blank",
"description": "",
"componentName": "IconDividerBlank",
"importStatement": "import { IconDividerBlank } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"divider",
"blank"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDividerBlank at size 24.",
"code": "import { IconDividerBlank } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "divider-dashed",
"description": "",
"componentName": "IconDividerDashed",
"importStatement": "import { IconDividerDashed } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"divider",
"dashed"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDividerDashed at size 24.",
"code": "import { IconDividerDashed } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "divider-dotted",
"description": "",
"componentName": "IconDividerDotted",
"importStatement": "import { IconDividerDotted } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"divider",
"dotted"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDividerDotted at size 24.",
"code": "import { IconDividerDotted } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "divider-solid",
"description": "",
"componentName": "IconDividerSolid",
"importStatement": "import { IconDividerSolid } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"divider",
"solid"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDividerSolid at size 24.",
"code": "import { IconDividerSolid } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "do-and-dont",
"description": "",
"componentName": "IconDoAndDont",
"importStatement": "import { IconDoAndDont } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"do",
"and",
"dont"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDoAndDont at size 24.",
"code": "import { IconDoAndDont } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "do-and-dont-box",
"description": "",
"componentName": "IconDoAndDontBox",
"importStatement": "import { IconDoAndDontBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"do",
"and",
"dont",
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDoAndDontBox at size 24.",
"code": "import { IconDoAndDontBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "document",
"description": "",
"componentName": "IconDocument",
"importStatement": "import { IconDocument } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"document"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDocument at size 24.",
"code": "import { IconDocument } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "document-arrow-right",
"description": "",
"componentName": "IconDocumentArrowRight",
"importStatement": "import { IconDocumentArrowRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"document",
"arrow",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDocumentArrowRight at size 24.",
"code": "import { IconDocumentArrowRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "document-arrow-up",
"description": "",
"componentName": "IconDocumentArrowUp",
"importStatement": "import { IconDocumentArrowUp } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"document",
"arrow",
"up"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDocumentArrowUp at size 24.",
"code": "import { IconDocumentArrowUp } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "document-badge",
"description": "",
"componentName": "IconDocumentBadge",
"importStatement": "import { IconDocumentBadge } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"document",
"badge"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDocumentBadge at size 24.",
"code": "import { IconDocumentBadge } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "document-check",
"description": "",
"componentName": "IconDocumentCheck",
"importStatement": "import { IconDocumentCheck } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"document",
"check"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDocumentCheck at size 24.",
"code": "import { IconDocumentCheck } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "document-code",
"description": "",
"componentName": "IconDocumentCode",
"importStatement": "import { IconDocumentCode } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"document",
"code"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDocumentCode at size 24.",
"code": "import { IconDocumentCode } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "document-list",
"description": "",
"componentName": "IconDocumentList",
"importStatement": "import { IconDocumentList } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"document",
"list"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDocumentList at size 24.",
"code": "import { IconDocumentList } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "document-stack",
"description": "",
"componentName": "IconDocumentStack",
"importStatement": "import { IconDocumentStack } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"document",
"stack"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDocumentStack at size 24.",
"code": "import { IconDocumentStack } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "document-text",
"description": "",
"componentName": "IconDocumentText",
"importStatement": "import { IconDocumentText } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"document",
"text"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDocumentText at size 24.",
"code": "import { IconDocumentText } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "dots-horizontal",
"description": "",
"componentName": "IconDotsHorizontal",
"importStatement": "import { IconDotsHorizontal } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"dots",
"horizontal"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDotsHorizontal at size 24.",
"code": "import { IconDotsHorizontal } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "dots-vertical",
"description": "",
"componentName": "IconDotsVertical",
"importStatement": "import { IconDotsVertical } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"dots",
"vertical"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDotsVertical at size 24.",
"code": "import { IconDotsVertical } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "droplet",
"description": "",
"componentName": "IconDroplet",
"importStatement": "import { IconDroplet } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"droplet"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDroplet at size 24.",
"code": "import { IconDroplet } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "drops",
"description": "",
"componentName": "IconDrops",
"importStatement": "import { IconDrops } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"drops"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconDrops at size 24.",
"code": "import { IconDrops } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "edge-all",
"description": "",
"componentName": "IconEdgeAll",
"importStatement": "import { IconEdgeAll } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"edge",
"all"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconEdgeAll at size 24.",
"code": "import { IconEdgeAll } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "edge-bottom",
"description": "",
"componentName": "IconEdgeBottom",
"importStatement": "import { IconEdgeBottom } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"edge",
"bottom"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconEdgeBottom at size 24.",
"code": "import { IconEdgeBottom } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "edge-left",
"description": "",
"componentName": "IconEdgeLeft",
"importStatement": "import { IconEdgeLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"edge",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconEdgeLeft at size 24.",
"code": "import { IconEdgeLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "edge-right",
"description": "",
"componentName": "IconEdgeRight",
"importStatement": "import { IconEdgeRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"edge",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconEdgeRight at size 24.",
"code": "import { IconEdgeRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "edge-top",
"description": "",
"componentName": "IconEdgeTop",
"importStatement": "import { IconEdgeTop } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"edge",
"top"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconEdgeTop at size 24.",
"code": "import { IconEdgeTop } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "envelope",
"description": "",
"componentName": "IconEnvelope",
"importStatement": "import { IconEnvelope } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"envelope"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconEnvelope at size 24.",
"code": "import { IconEnvelope } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "eraser",
"description": "",
"componentName": "IconEraser",
"importStatement": "import { IconEraser } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"eraser"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconEraser at size 24.",
"code": "import { IconEraser } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "exclamation-mark",
"description": "",
"componentName": "IconExclamationMark",
"importStatement": "import { IconExclamationMark } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"exclamation",
"mark"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconExclamationMark at size 24.",
"code": "import { IconExclamationMark } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "exclamation-mark-circle",
"description": "",
"componentName": "IconExclamationMarkCircle",
"importStatement": "import { IconExclamationMarkCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"exclamation",
"mark",
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconExclamationMarkCircle at size 24.",
"code": "import { IconExclamationMarkCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "exclamation-mark-circle-filled",
"description": "",
"componentName": "IconExclamationMarkCircleFilled",
"importStatement": "import { IconExclamationMarkCircleFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"exclamation",
"mark",
"circle",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconExclamationMarkCircleFilled at size 24.",
"code": "import { IconExclamationMarkCircleFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "exclamation-mark-triangle",
"description": "",
"componentName": "IconExclamationMarkTriangle",
"importStatement": "import { IconExclamationMarkTriangle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"exclamation",
"mark",
"triangle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconExclamationMarkTriangle at size 24.",
"code": "import { IconExclamationMarkTriangle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "eye",
"description": "",
"componentName": "IconEye",
"importStatement": "import { IconEye } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"eye"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconEye at size 24.",
"code": "import { IconEye } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "eye-off",
"description": "",
"componentName": "IconEyeOff",
"importStatement": "import { IconEyeOff } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"eye",
"off"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconEyeOff at size 24.",
"code": "import { IconEyeOff } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "face-extra-happy",
"description": "",
"componentName": "IconFaceExtraHappy",
"importStatement": "import { IconFaceExtraHappy } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"face",
"extra",
"happy"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFaceExtraHappy at size 24.",
"code": "import { IconFaceExtraHappy } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "face-happy",
"description": "",
"componentName": "IconFaceHappy",
"importStatement": "import { IconFaceHappy } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"face",
"happy"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFaceHappy at size 24.",
"code": "import { IconFaceHappy } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "face-happy-filled",
"description": "",
"componentName": "IconFaceHappyFilled",
"importStatement": "import { IconFaceHappyFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"face",
"happy",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFaceHappyFilled at size 24.",
"code": "import { IconFaceHappyFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "face-neutral",
"description": "",
"componentName": "IconFaceNeutral",
"importStatement": "import { IconFaceNeutral } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"face",
"neutral"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFaceNeutral at size 24.",
"code": "import { IconFaceNeutral } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "face-neutral-filled",
"description": "",
"componentName": "IconFaceNeutralFilled",
"importStatement": "import { IconFaceNeutralFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"face",
"neutral",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFaceNeutralFilled at size 24.",
"code": "import { IconFaceNeutralFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "face-sad",
"description": "",
"componentName": "IconFaceSad",
"importStatement": "import { IconFaceSad } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"face",
"sad"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFaceSad at size 24.",
"code": "import { IconFaceSad } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "face-sad-filled",
"description": "",
"componentName": "IconFaceSadFilled",
"importStatement": "import { IconFaceSadFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"face",
"sad",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFaceSadFilled at size 24.",
"code": "import { IconFaceSadFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "fade-in",
"description": "",
"componentName": "IconFadeIn",
"importStatement": "import { IconFadeIn } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"fade",
"in"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFadeIn at size 24.",
"code": "import { IconFadeIn } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "fade-out",
"description": "",
"componentName": "IconFadeOut",
"importStatement": "import { IconFadeOut } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"fade",
"out"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFadeOut at size 24.",
"code": "import { IconFadeOut } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "fast-forward",
"description": "",
"componentName": "IconFastForward",
"importStatement": "import { IconFastForward } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"fast",
"forward"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFastForward at size 24.",
"code": "import { IconFastForward } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "fast-forward-filled",
"description": "",
"componentName": "IconFastForwardFilled",
"importStatement": "import { IconFastForwardFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"fast",
"forward",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFastForwardFilled at size 24.",
"code": "import { IconFastForwardFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "fast-rewind",
"description": "",
"componentName": "IconFastRewind",
"importStatement": "import { IconFastRewind } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"fast",
"rewind"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFastRewind at size 24.",
"code": "import { IconFastRewind } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "fast-rewind-filled",
"description": "",
"componentName": "IconFastRewindFilled",
"importStatement": "import { IconFastRewindFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"fast",
"rewind",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFastRewindFilled at size 24.",
"code": "import { IconFastRewindFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "figma",
"description": "",
"componentName": "IconFigma",
"importStatement": "import { IconFigma } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"figma"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFigma at size 24.",
"code": "import { IconFigma } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "fixed-height",
"description": "",
"componentName": "IconFixedHeight",
"importStatement": "import { IconFixedHeight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"fixed",
"height"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFixedHeight at size 24.",
"code": "import { IconFixedHeight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "fixed-width",
"description": "",
"componentName": "IconFixedWidth",
"importStatement": "import { IconFixedWidth } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"fixed",
"width"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFixedWidth at size 24.",
"code": "import { IconFixedWidth } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "flag",
"description": "",
"componentName": "IconFlag",
"importStatement": "import { IconFlag } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"flag"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFlag at size 24.",
"code": "import { IconFlag } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "flask",
"description": "",
"componentName": "IconFlask",
"importStatement": "import { IconFlask } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"flask"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFlask at size 24.",
"code": "import { IconFlask } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "flip-horizontal-circle",
"description": "",
"componentName": "IconFlipHorizontalCircle",
"importStatement": "import { IconFlipHorizontalCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"flip",
"horizontal",
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFlipHorizontalCircle at size 24.",
"code": "import { IconFlipHorizontalCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "flip-horizontally",
"description": "",
"componentName": "IconFlipHorizontally",
"importStatement": "import { IconFlipHorizontally } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"flip",
"horizontally"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFlipHorizontally at size 24.",
"code": "import { IconFlipHorizontally } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "flip-vertical-circle",
"description": "",
"componentName": "IconFlipVerticalCircle",
"importStatement": "import { IconFlipVerticalCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"flip",
"vertical",
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFlipVerticalCircle at size 24.",
"code": "import { IconFlipVerticalCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "flip-vertically",
"description": "",
"componentName": "IconFlipVertically",
"importStatement": "import { IconFlipVertically } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"flip",
"vertically"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFlipVertically at size 24.",
"code": "import { IconFlipVertically } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "focal-point",
"description": "",
"componentName": "IconFocalPoint",
"importStatement": "import { IconFocalPoint } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"focal",
"point"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFocalPoint at size 24.",
"code": "import { IconFocalPoint } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "folder",
"description": "",
"componentName": "IconFolder",
"importStatement": "import { IconFolder } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"folder"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFolder at size 24.",
"code": "import { IconFolder } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "folder-arrow-right",
"description": "",
"componentName": "IconFolderArrowRight",
"importStatement": "import { IconFolderArrowRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"folder",
"arrow",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFolderArrowRight at size 24.",
"code": "import { IconFolderArrowRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "folder-arrow-up",
"description": "",
"componentName": "IconFolderArrowUp",
"importStatement": "import { IconFolderArrowUp } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"folder",
"arrow",
"up"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFolderArrowUp at size 24.",
"code": "import { IconFolderArrowUp } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "folder-filled",
"description": "",
"componentName": "IconFolderFilled",
"importStatement": "import { IconFolderFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"folder",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFolderFilled at size 24.",
"code": "import { IconFolderFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "folder-stack",
"description": "",
"componentName": "IconFolderStack",
"importStatement": "import { IconFolderStack } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"folder",
"stack"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFolderStack at size 24.",
"code": "import { IconFolderStack } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "folders",
"description": "",
"componentName": "IconFolders",
"importStatement": "import { IconFolders } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"folders"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFolders at size 24.",
"code": "import { IconFolders } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "footer",
"description": "",
"componentName": "IconFooter",
"importStatement": "import { IconFooter } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"footer"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFooter at size 24.",
"code": "import { IconFooter } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "funnel",
"description": "",
"componentName": "IconFunnel",
"importStatement": "import { IconFunnel } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"funnel"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconFunnel at size 24.",
"code": "import { IconFunnel } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "grab-handle",
"description": "",
"componentName": "IconGrabHandle",
"importStatement": "import { IconGrabHandle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"grab",
"handle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconGrabHandle at size 24.",
"code": "import { IconGrabHandle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "gradient",
"description": "",
"componentName": "IconGradient",
"importStatement": "import { IconGradient } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"gradient"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconGradient at size 24.",
"code": "import { IconGradient } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "grid-regular",
"description": "",
"componentName": "IconGridRegular",
"importStatement": "import { IconGridRegular } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"grid",
"regular"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconGridRegular at size 24.",
"code": "import { IconGridRegular } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "grid-regular-filled",
"description": "",
"componentName": "IconGridRegularFilled",
"importStatement": "import { IconGridRegularFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"grid",
"regular",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconGridRegularFilled at size 24.",
"code": "import { IconGridRegularFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "gutter-horizontal",
"description": "",
"componentName": "IconGutterHorizontal",
"importStatement": "import { IconGutterHorizontal } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"gutter",
"horizontal"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconGutterHorizontal at size 24.",
"code": "import { IconGutterHorizontal } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "gutter-vertical",
"description": "",
"componentName": "IconGutterVertical",
"importStatement": "import { IconGutterVertical } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"gutter",
"vertical"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconGutterVertical at size 24.",
"code": "import { IconGutterVertical } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "h",
"description": "",
"componentName": "IconH",
"importStatement": "import { IconH } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"h"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconH at size 24.",
"code": "import { IconH } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "hashtag",
"description": "",
"componentName": "IconHashtag",
"importStatement": "import { IconHashtag } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"hashtag"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconHashtag at size 24.",
"code": "import { IconHashtag } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "heading",
"description": "",
"componentName": "IconHeading",
"importStatement": "import { IconHeading } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"heading"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconHeading at size 24.",
"code": "import { IconHeading } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "heading-1",
"description": "",
"componentName": "IconHeading1",
"importStatement": "import { IconHeading1 } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"heading",
"1"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconHeading1 at size 24.",
"code": "import { IconHeading1 } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "heart-circle",
"description": "",
"componentName": "IconHeartCircle",
"importStatement": "import { IconHeartCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"heart",
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconHeartCircle at size 24.",
"code": "import { IconHeartCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "heart-circle-stack",
"description": "",
"componentName": "IconHeartCircleStack",
"importStatement": "import { IconHeartCircleStack } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"heart",
"circle",
"stack"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconHeartCircleStack at size 24.",
"code": "import { IconHeartCircleStack } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "highlighter",
"description": "",
"componentName": "IconHighlighter",
"importStatement": "import { IconHighlighter } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"highlighter"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconHighlighter at size 24.",
"code": "import { IconHighlighter } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "home",
"description": "",
"componentName": "IconHome",
"importStatement": "import { IconHome } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"home"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconHome at size 24.",
"code": "import { IconHome } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "hub",
"description": "",
"componentName": "IconHub",
"importStatement": "import { IconHub } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"hub"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconHub at size 24.",
"code": "import { IconHub } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "icon",
"description": "",
"componentName": "IconIcon",
"importStatement": "import { IconIcon } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"icon"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconIcon at size 24.",
"code": "import { IconIcon } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "icon-shape",
"description": "",
"componentName": "IconIconShape",
"importStatement": "import { IconIconShape } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"icon",
"shape"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconIconShape at size 24.",
"code": "import { IconIconShape } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "icon-shape-stack",
"description": "",
"componentName": "IconIconShapeStack",
"importStatement": "import { IconIconShapeStack } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"icon",
"shape",
"stack"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconIconShapeStack at size 24.",
"code": "import { IconIconShapeStack } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "image",
"description": "",
"componentName": "IconImage",
"importStatement": "import { IconImage } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"image"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconImage at size 24.",
"code": "import { IconImage } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "image-stack",
"description": "",
"componentName": "IconImageStack",
"importStatement": "import { IconImageStack } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"image",
"stack"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconImageStack at size 24.",
"code": "import { IconImageStack } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "image-stack-plus",
"description": "",
"componentName": "IconImageStackPlus",
"importStatement": "import { IconImageStackPlus } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"image",
"stack",
"plus"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconImageStackPlus at size 24.",
"code": "import { IconImageStackPlus } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "image-with-text",
"description": "",
"componentName": "IconImageWithText",
"importStatement": "import { IconImageWithText } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"image",
"with",
"text"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconImageWithText at size 24.",
"code": "import { IconImageWithText } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "info",
"description": "",
"componentName": "IconInfo",
"importStatement": "import { IconInfo } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"info"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconInfo at size 24.",
"code": "import { IconInfo } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "intercom",
"description": "",
"componentName": "IconIntercom",
"importStatement": "import { IconIntercom } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"intercom"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconIntercom at size 24.",
"code": "import { IconIntercom } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "label",
"description": "",
"componentName": "IconLabel",
"importStatement": "import { IconLabel } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"label"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLabel at size 24.",
"code": "import { IconLabel } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "language",
"description": "",
"componentName": "IconLanguage",
"importStatement": "import { IconLanguage } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"language"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLanguage at size 24.",
"code": "import { IconLanguage } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "layers",
"description": "",
"componentName": "IconLayers",
"importStatement": "import { IconLayers } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"layers"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLayers at size 24.",
"code": "import { IconLayers } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "layers-single",
"description": "",
"componentName": "IconLayersSingle",
"importStatement": "import { IconLayersSingle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"layers",
"single"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLayersSingle at size 24.",
"code": "import { IconLayersSingle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "leaf",
"description": "",
"componentName": "IconLeaf",
"importStatement": "import { IconLeaf } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"leaf"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLeaf at size 24.",
"code": "import { IconLeaf } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "lightbulb",
"description": "",
"componentName": "IconLightbulb",
"importStatement": "import { IconLightbulb } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"lightbulb"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLightbulb at size 24.",
"code": "import { IconLightbulb } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "lightning",
"description": "",
"componentName": "IconLightning",
"importStatement": "import { IconLightning } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"lightning"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLightning at size 24.",
"code": "import { IconLightning } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "lightning-filled",
"description": "",
"componentName": "IconLightningFilled",
"importStatement": "import { IconLightningFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"lightning",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLightningFilled at size 24.",
"code": "import { IconLightningFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "lines",
"description": "",
"componentName": "IconLines",
"importStatement": "import { IconLines } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"lines"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLines at size 24.",
"code": "import { IconLines } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "lines-triangular",
"description": "",
"componentName": "IconLinesTriangular",
"importStatement": "import { IconLinesTriangular } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"lines",
"triangular"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLinesTriangular at size 24.",
"code": "import { IconLinesTriangular } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "link",
"description": "",
"componentName": "IconLink",
"importStatement": "import { IconLink } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"link"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLink at size 24.",
"code": "import { IconLink } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "link-box",
"description": "",
"componentName": "IconLinkBox",
"importStatement": "import { IconLinkBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"link",
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLinkBox at size 24.",
"code": "import { IconLinkBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "link-open",
"description": "",
"componentName": "IconLinkOpen",
"importStatement": "import { IconLinkOpen } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"link",
"open"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLinkOpen at size 24.",
"code": "import { IconLinkOpen } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "list-bullet",
"description": "",
"componentName": "IconListBullet",
"importStatement": "import { IconListBullet } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"list",
"bullet"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconListBullet at size 24.",
"code": "import { IconListBullet } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "list-check",
"description": "",
"componentName": "IconListCheck",
"importStatement": "import { IconListCheck } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"list",
"check"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconListCheck at size 24.",
"code": "import { IconListCheck } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "list-indented",
"description": "",
"componentName": "IconListIndented",
"importStatement": "import { IconListIndented } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"list",
"indented"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconListIndented at size 24.",
"code": "import { IconListIndented } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "list-numbers",
"description": "",
"componentName": "IconListNumbers",
"importStatement": "import { IconListNumbers } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"list",
"numbers"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconListNumbers at size 24.",
"code": "import { IconListNumbers } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "lock-closed",
"description": "",
"componentName": "IconLockClosed",
"importStatement": "import { IconLockClosed } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"lock",
"closed"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLockClosed at size 24.",
"code": "import { IconLockClosed } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "lock-open",
"description": "",
"componentName": "IconLockOpen",
"importStatement": "import { IconLockOpen } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"lock",
"open"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLockOpen at size 24.",
"code": "import { IconLockOpen } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "lock-open-filled",
"description": "",
"componentName": "IconLockOpenFilled",
"importStatement": "import { IconLockOpenFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"lock",
"open",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLockOpenFilled at size 24.",
"code": "import { IconLockOpenFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "lollipop",
"description": "",
"componentName": "IconLollipop",
"importStatement": "import { IconLollipop } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"lollipop"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconLollipop at size 24.",
"code": "import { IconLollipop } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "magnifier",
"description": "",
"componentName": "IconMagnifier",
"importStatement": "import { IconMagnifier } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"magnifier"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMagnifier at size 24.",
"code": "import { IconMagnifier } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "magnifier-minus",
"description": "",
"componentName": "IconMagnifierMinus",
"importStatement": "import { IconMagnifierMinus } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"magnifier",
"minus"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMagnifierMinus at size 24.",
"code": "import { IconMagnifierMinus } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "magnifier-plus",
"description": "",
"componentName": "IconMagnifierPlus",
"importStatement": "import { IconMagnifierPlus } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"magnifier",
"plus"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMagnifierPlus at size 24.",
"code": "import { IconMagnifierPlus } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "map-pointer",
"description": "",
"componentName": "IconMapPointer",
"importStatement": "import { IconMapPointer } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"map",
"pointer"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMapPointer at size 24.",
"code": "import { IconMapPointer } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "margin-bottom",
"description": "",
"componentName": "IconMarginBottom",
"importStatement": "import { IconMarginBottom } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"margin",
"bottom"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMarginBottom at size 24.",
"code": "import { IconMarginBottom } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "margin-left",
"description": "",
"componentName": "IconMarginLeft",
"importStatement": "import { IconMarginLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"margin",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMarginLeft at size 24.",
"code": "import { IconMarginLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "margin-right",
"description": "",
"componentName": "IconMarginRight",
"importStatement": "import { IconMarginRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"margin",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMarginRight at size 24.",
"code": "import { IconMarginRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "margin-top",
"description": "",
"componentName": "IconMarginTop",
"importStatement": "import { IconMarginTop } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"margin",
"top"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMarginTop at size 24.",
"code": "import { IconMarginTop } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "mark-area",
"description": "",
"componentName": "IconMarkArea",
"importStatement": "import { IconMarkArea } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"mark",
"area"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMarkArea at size 24.",
"code": "import { IconMarkArea } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "market",
"description": "",
"componentName": "IconMarket",
"importStatement": "import { IconMarket } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"market"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMarket at size 24.",
"code": "import { IconMarket } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "masonry",
"description": "",
"componentName": "IconMasonry",
"importStatement": "import { IconMasonry } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"masonry"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMasonry at size 24.",
"code": "import { IconMasonry } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object",
"description": "",
"componentName": "IconMediaObject",
"importStatement": "import { IconMediaObject } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObject at size 24.",
"code": "import { IconMediaObject } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-icon",
"description": "",
"componentName": "IconMediaObjectIcon",
"importStatement": "import { IconMediaObjectIcon } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"icon"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectIcon at size 24.",
"code": "import { IconMediaObjectIcon } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-image",
"description": "",
"componentName": "IconMediaObjectImage",
"importStatement": "import { IconMediaObjectImage } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"image"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectImage at size 24.",
"code": "import { IconMediaObjectImage } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-ratio-1-to-1",
"description": "",
"componentName": "IconMediaObjectRatio1To1",
"importStatement": "import { IconMediaObjectRatio1To1 } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"ratio",
"1",
"to",
"1"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectRatio1To1 at size 24.",
"code": "import { IconMediaObjectRatio1To1 } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-ratio-1-to-2",
"description": "",
"componentName": "IconMediaObjectRatio1To2",
"importStatement": "import { IconMediaObjectRatio1To2 } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"ratio",
"1",
"to",
"2"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectRatio1To2 at size 24.",
"code": "import { IconMediaObjectRatio1To2 } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-ratio-1-to-3",
"description": "",
"componentName": "IconMediaObjectRatio1To3",
"importStatement": "import { IconMediaObjectRatio1To3 } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"ratio",
"1",
"to",
"3"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectRatio1To3 at size 24.",
"code": "import { IconMediaObjectRatio1To3 } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-ratio-2-to-1",
"description": "",
"componentName": "IconMediaObjectRatio2To1",
"importStatement": "import { IconMediaObjectRatio2To1 } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"ratio",
"2",
"to",
"1"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectRatio2To1 at size 24.",
"code": "import { IconMediaObjectRatio2To1 } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-ratio-3-to-1",
"description": "",
"componentName": "IconMediaObjectRatio3To1",
"importStatement": "import { IconMediaObjectRatio3To1 } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"ratio",
"3",
"to",
"1"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectRatio3To1 at size 24.",
"code": "import { IconMediaObjectRatio3To1 } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-text-bottom",
"description": "",
"componentName": "IconMediaObjectTextBottom",
"importStatement": "import { IconMediaObjectTextBottom } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"text",
"bottom"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectTextBottom at size 24.",
"code": "import { IconMediaObjectTextBottom } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-text-left",
"description": "",
"componentName": "IconMediaObjectTextLeft",
"importStatement": "import { IconMediaObjectTextLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"text",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectTextLeft at size 24.",
"code": "import { IconMediaObjectTextLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-text-right",
"description": "",
"componentName": "IconMediaObjectTextRight",
"importStatement": "import { IconMediaObjectTextRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"text",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectTextRight at size 24.",
"code": "import { IconMediaObjectTextRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-text-top",
"description": "",
"componentName": "IconMediaObjectTextTop",
"importStatement": "import { IconMediaObjectTextTop } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"text",
"top"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectTextTop at size 24.",
"code": "import { IconMediaObjectTextTop } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "media-object-video",
"description": "",
"componentName": "IconMediaObjectVideo",
"importStatement": "import { IconMediaObjectVideo } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"media",
"object",
"video"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMediaObjectVideo at size 24.",
"code": "import { IconMediaObjectVideo } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "mega-menu",
"description": "",
"componentName": "IconMegaMenu",
"importStatement": "import { IconMegaMenu } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"mega",
"menu"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMegaMenu at size 24.",
"code": "import { IconMegaMenu } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "megaphone",
"description": "",
"componentName": "IconMegaphone",
"importStatement": "import { IconMegaphone } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"megaphone"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMegaphone at size 24.",
"code": "import { IconMegaphone } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "microphone",
"description": "",
"componentName": "IconMicrophone",
"importStatement": "import { IconMicrophone } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"microphone"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMicrophone at size 24.",
"code": "import { IconMicrophone } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "minus",
"description": "",
"componentName": "IconMinus",
"importStatement": "import { IconMinus } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"minus"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMinus at size 24.",
"code": "import { IconMinus } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "minus-circle",
"description": "",
"componentName": "IconMinusCircle",
"importStatement": "import { IconMinusCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"minus",
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMinusCircle at size 24.",
"code": "import { IconMinusCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "money",
"description": "",
"componentName": "IconMoney",
"importStatement": "import { IconMoney } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"money"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMoney at size 24.",
"code": "import { IconMoney } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "money-circle-filled",
"description": "",
"componentName": "IconMoneyCircleFilled",
"importStatement": "import { IconMoneyCircleFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"money",
"circle",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMoneyCircleFilled at size 24.",
"code": "import { IconMoneyCircleFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "move-bounce",
"description": "",
"componentName": "IconMoveBounce",
"importStatement": "import { IconMoveBounce } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"move",
"bounce"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMoveBounce at size 24.",
"code": "import { IconMoveBounce } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "move-emphasis",
"description": "",
"componentName": "IconMoveEmphasis",
"importStatement": "import { IconMoveEmphasis } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"move",
"emphasis"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMoveEmphasis at size 24.",
"code": "import { IconMoveEmphasis } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "move-entry",
"description": "",
"componentName": "IconMoveEntry",
"importStatement": "import { IconMoveEntry } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"move",
"entry"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMoveEntry at size 24.",
"code": "import { IconMoveEntry } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "move-exit",
"description": "",
"componentName": "IconMoveExit",
"importStatement": "import { IconMoveExit } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"move",
"exit"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMoveExit at size 24.",
"code": "import { IconMoveExit } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "move-float",
"description": "",
"componentName": "IconMoveFloat",
"importStatement": "import { IconMoveFloat } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"move",
"float"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMoveFloat at size 24.",
"code": "import { IconMoveFloat } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "move-pulse",
"description": "",
"componentName": "IconMovePulse",
"importStatement": "import { IconMovePulse } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"move",
"pulse"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMovePulse at size 24.",
"code": "import { IconMovePulse } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "move-to",
"description": "",
"componentName": "IconMoveTo",
"importStatement": "import { IconMoveTo } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"move",
"to"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMoveTo at size 24.",
"code": "import { IconMoveTo } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "move-wiggle",
"description": "",
"componentName": "IconMoveWiggle",
"importStatement": "import { IconMoveWiggle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"move",
"wiggle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMoveWiggle at size 24.",
"code": "import { IconMoveWiggle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "music-note",
"description": "",
"componentName": "IconMusicNote",
"importStatement": "import { IconMusicNote } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"music",
"note"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconMusicNote at size 24.",
"code": "import { IconMusicNote } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "nook",
"description": "",
"componentName": "IconNook",
"importStatement": "import { IconNook } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"nook"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconNook at size 24.",
"code": "import { IconNook } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "open-ai",
"description": "",
"componentName": "IconOpenAi",
"importStatement": "import { IconOpenAi } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"open",
"ai"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconOpenAi at size 24.",
"code": "import { IconOpenAi } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "orientation-boxes",
"description": "",
"componentName": "IconOrientationBoxes",
"importStatement": "import { IconOrientationBoxes } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"orientation",
"boxes"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconOrientationBoxes at size 24.",
"code": "import { IconOrientationBoxes } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "padding-horizontal",
"description": "",
"componentName": "IconPaddingHorizontal",
"importStatement": "import { IconPaddingHorizontal } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"padding",
"horizontal"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPaddingHorizontal at size 24.",
"code": "import { IconPaddingHorizontal } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "padding-vertical",
"description": "",
"componentName": "IconPaddingVertical",
"importStatement": "import { IconPaddingVertical } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"padding",
"vertical"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPaddingVertical at size 24.",
"code": "import { IconPaddingVertical } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "paintbrush",
"description": "",
"componentName": "IconPaintbrush",
"importStatement": "import { IconPaintbrush } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"paintbrush"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPaintbrush at size 24.",
"code": "import { IconPaintbrush } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "paperclip",
"description": "",
"componentName": "IconPaperclip",
"importStatement": "import { IconPaperclip } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"paperclip"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPaperclip at size 24.",
"code": "import { IconPaperclip } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "paperplane",
"description": "",
"componentName": "IconPaperplane",
"importStatement": "import { IconPaperplane } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"paperplane"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPaperplane at size 24.",
"code": "import { IconPaperplane } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "pause",
"description": "",
"componentName": "IconPause",
"importStatement": "import { IconPause } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"pause"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPause at size 24.",
"code": "import { IconPause } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "pause-filled",
"description": "",
"componentName": "IconPauseFilled",
"importStatement": "import { IconPauseFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"pause",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPauseFilled at size 24.",
"code": "import { IconPauseFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "pen",
"description": "",
"componentName": "IconPen",
"importStatement": "import { IconPen } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"pen"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPen at size 24.",
"code": "import { IconPen } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "people",
"description": "",
"componentName": "IconPeople",
"importStatement": "import { IconPeople } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"people"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPeople at size 24.",
"code": "import { IconPeople } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "person",
"description": "",
"componentName": "IconPerson",
"importStatement": "import { IconPerson } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"person"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPerson at size 24.",
"code": "import { IconPerson } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "person-anonymous",
"description": "",
"componentName": "IconPersonAnonymous",
"importStatement": "import { IconPersonAnonymous } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"person",
"anonymous"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPersonAnonymous at size 24.",
"code": "import { IconPersonAnonymous } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "person-lock",
"description": "",
"componentName": "IconPersonLock",
"importStatement": "import { IconPersonLock } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"person",
"lock"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPersonLock at size 24.",
"code": "import { IconPersonLock } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "person-slash",
"description": "",
"componentName": "IconPersonSlash",
"importStatement": "import { IconPersonSlash } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"person",
"slash"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPersonSlash at size 24.",
"code": "import { IconPersonSlash } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "pills",
"description": "",
"componentName": "IconPills",
"importStatement": "import { IconPills } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"pills"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPills at size 24.",
"code": "import { IconPills } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "pin",
"description": "",
"componentName": "IconPin",
"importStatement": "import { IconPin } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"pin"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPin at size 24.",
"code": "import { IconPin } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "pin-filled",
"description": "",
"componentName": "IconPinFilled",
"importStatement": "import { IconPinFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"pin",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPinFilled at size 24.",
"code": "import { IconPinFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "play",
"description": "",
"componentName": "IconPlay",
"importStatement": "import { IconPlay } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"play"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPlay at size 24.",
"code": "import { IconPlay } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "play-box",
"description": "",
"componentName": "IconPlayBox",
"importStatement": "import { IconPlayBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"play",
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPlayBox at size 24.",
"code": "import { IconPlayBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "play-circle",
"description": "",
"componentName": "IconPlayCircle",
"importStatement": "import { IconPlayCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"play",
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPlayCircle at size 24.",
"code": "import { IconPlayCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "play-filled",
"description": "",
"componentName": "IconPlayFilled",
"importStatement": "import { IconPlayFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"play",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPlayFilled at size 24.",
"code": "import { IconPlayFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "play-frame",
"description": "",
"componentName": "IconPlayFrame",
"importStatement": "import { IconPlayFrame } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"play",
"frame"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPlayFrame at size 24.",
"code": "import { IconPlayFrame } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "plus",
"description": "",
"componentName": "IconPlus",
"importStatement": "import { IconPlus } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"plus"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPlus at size 24.",
"code": "import { IconPlus } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "plus-box-stack",
"description": "",
"componentName": "IconPlusBoxStack",
"importStatement": "import { IconPlusBoxStack } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"plus",
"box",
"stack"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPlusBoxStack at size 24.",
"code": "import { IconPlusBoxStack } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "plus-circle",
"description": "",
"componentName": "IconPlusCircle",
"importStatement": "import { IconPlusCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"plus",
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPlusCircle at size 24.",
"code": "import { IconPlusCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "plus-frame",
"description": "",
"componentName": "IconPlusFrame",
"importStatement": "import { IconPlusFrame } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"plus",
"frame"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPlusFrame at size 24.",
"code": "import { IconPlusFrame } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "pointout",
"description": "",
"componentName": "IconPointout",
"importStatement": "import { IconPointout } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"pointout"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPointout at size 24.",
"code": "import { IconPointout } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "polygon",
"description": "",
"componentName": "IconPolygon",
"importStatement": "import { IconPolygon } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"polygon"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPolygon at size 24.",
"code": "import { IconPolygon } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "puzzle",
"description": "",
"componentName": "IconPuzzle",
"importStatement": "import { IconPuzzle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"puzzle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconPuzzle at size 24.",
"code": "import { IconPuzzle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "question-mark",
"description": "",
"componentName": "IconQuestionMark",
"importStatement": "import { IconQuestionMark } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"question",
"mark"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconQuestionMark at size 24.",
"code": "import { IconQuestionMark } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "question-mark-circle",
"description": "",
"componentName": "IconQuestionMarkCircle",
"importStatement": "import { IconQuestionMarkCircle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"question",
"mark",
"circle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconQuestionMarkCircle at size 24.",
"code": "import { IconQuestionMarkCircle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "radius-bottom-left",
"description": "",
"componentName": "IconRadiusBottomLeft",
"importStatement": "import { IconRadiusBottomLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"radius",
"bottom",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRadiusBottomLeft at size 24.",
"code": "import { IconRadiusBottomLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "radius-bottom-right",
"description": "",
"componentName": "IconRadiusBottomRight",
"importStatement": "import { IconRadiusBottomRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"radius",
"bottom",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRadiusBottomRight at size 24.",
"code": "import { IconRadiusBottomRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "radius-top-left",
"description": "",
"componentName": "IconRadiusTopLeft",
"importStatement": "import { IconRadiusTopLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"radius",
"top",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRadiusTopLeft at size 24.",
"code": "import { IconRadiusTopLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "radius-top-right",
"description": "",
"componentName": "IconRadiusTopRight",
"importStatement": "import { IconRadiusTopRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"radius",
"top",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRadiusTopRight at size 24.",
"code": "import { IconRadiusTopRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "rectangle-landscape",
"description": "",
"componentName": "IconRectangleLandscape",
"importStatement": "import { IconRectangleLandscape } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"rectangle",
"landscape"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRectangleLandscape at size 24.",
"code": "import { IconRectangleLandscape } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "rectangle-portrait-square",
"description": "",
"componentName": "IconRectanglePortraitSquare",
"importStatement": "import { IconRectanglePortraitSquare } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"rectangle",
"portrait",
"square"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRectanglePortraitSquare at size 24.",
"code": "import { IconRectanglePortraitSquare } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "report",
"description": "",
"componentName": "IconReport",
"importStatement": "import { IconReport } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"report"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconReport at size 24.",
"code": "import { IconReport } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "rewind",
"description": "",
"componentName": "IconRewind",
"importStatement": "import { IconRewind } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"rewind"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRewind at size 24.",
"code": "import { IconRewind } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "rewind-filled",
"description": "",
"componentName": "IconRewindFilled",
"importStatement": "import { IconRewindFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"rewind",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRewindFilled at size 24.",
"code": "import { IconRewindFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "rocket",
"description": "",
"componentName": "IconRocket",
"importStatement": "import { IconRocket } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"rocket"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRocket at size 24.",
"code": "import { IconRocket } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "rotate-90-left",
"description": "",
"componentName": "IconRotate90Left",
"importStatement": "import { IconRotate90Left } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"rotate",
"90",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRotate90Left at size 24.",
"code": "import { IconRotate90Left } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "rotate-90-right",
"description": "",
"componentName": "IconRotate90Right",
"importStatement": "import { IconRotate90Right } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"rotate",
"90",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRotate90Right at size 24.",
"code": "import { IconRotate90Right } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "ruler",
"description": "",
"componentName": "IconRuler",
"importStatement": "import { IconRuler } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"ruler"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconRuler at size 24.",
"code": "import { IconRuler } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "scale-large",
"description": "",
"componentName": "IconScaleLarge",
"importStatement": "import { IconScaleLarge } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"scale",
"large"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconScaleLarge at size 24.",
"code": "import { IconScaleLarge } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "scale-small",
"description": "",
"componentName": "IconScaleSmall",
"importStatement": "import { IconScaleSmall } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"scale",
"small"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconScaleSmall at size 24.",
"code": "import { IconScaleSmall } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "scissors",
"description": "",
"componentName": "IconScissors",
"importStatement": "import { IconScissors } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"scissors"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconScissors at size 24.",
"code": "import { IconScissors } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sidebar-left",
"description": "",
"componentName": "IconSidebarLeft",
"importStatement": "import { IconSidebarLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sidebar",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSidebarLeft at size 24.",
"code": "import { IconSidebarLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sidebar-left-hide",
"description": "",
"componentName": "IconSidebarLeftHide",
"importStatement": "import { IconSidebarLeftHide } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sidebar",
"left",
"hide"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSidebarLeftHide at size 24.",
"code": "import { IconSidebarLeftHide } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sidebar-left-hide-filled",
"description": "",
"componentName": "IconSidebarLeftHideFilled",
"importStatement": "import { IconSidebarLeftHideFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sidebar",
"left",
"hide",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSidebarLeftHideFilled at size 24.",
"code": "import { IconSidebarLeftHideFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sidebar-left-show",
"description": "",
"componentName": "IconSidebarLeftShow",
"importStatement": "import { IconSidebarLeftShow } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sidebar",
"left",
"show"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSidebarLeftShow at size 24.",
"code": "import { IconSidebarLeftShow } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sidebar-left-show-filled",
"description": "",
"componentName": "IconSidebarLeftShowFilled",
"importStatement": "import { IconSidebarLeftShowFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sidebar",
"left",
"show",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSidebarLeftShowFilled at size 24.",
"code": "import { IconSidebarLeftShowFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sidebar-right",
"description": "",
"componentName": "IconSidebarRight",
"importStatement": "import { IconSidebarRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sidebar",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSidebarRight at size 24.",
"code": "import { IconSidebarRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sidebar-right-hide",
"description": "",
"componentName": "IconSidebarRightHide",
"importStatement": "import { IconSidebarRightHide } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sidebar",
"right",
"hide"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSidebarRightHide at size 24.",
"code": "import { IconSidebarRightHide } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sidebar-right-hide-filled",
"description": "",
"componentName": "IconSidebarRightHideFilled",
"importStatement": "import { IconSidebarRightHideFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sidebar",
"right",
"hide",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSidebarRightHideFilled at size 24.",
"code": "import { IconSidebarRightHideFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sidebar-right-show",
"description": "",
"componentName": "IconSidebarRightShow",
"importStatement": "import { IconSidebarRightShow } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sidebar",
"right",
"show"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSidebarRightShow at size 24.",
"code": "import { IconSidebarRightShow } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sidebar-right-show-filled",
"description": "",
"componentName": "IconSidebarRightShowFilled",
"importStatement": "import { IconSidebarRightShowFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sidebar",
"right",
"show",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSidebarRightShowFilled at size 24.",
"code": "import { IconSidebarRightShowFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sketch",
"description": "",
"componentName": "IconSketch",
"importStatement": "import { IconSketch } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sketch"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSketch at size 24.",
"code": "import { IconSketch } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "skip-5-seconds-backward",
"description": "",
"componentName": "IconSkip5SecondsBackward",
"importStatement": "import { IconSkip5SecondsBackward } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"skip",
"5",
"seconds",
"backward"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSkip5SecondsBackward at size 24.",
"code": "import { IconSkip5SecondsBackward } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "skip-5-seconds-forward",
"description": "",
"componentName": "IconSkip5SecondsForward",
"importStatement": "import { IconSkip5SecondsForward } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"skip",
"5",
"seconds",
"forward"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSkip5SecondsForward at size 24.",
"code": "import { IconSkip5SecondsForward } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "skip-next",
"description": "",
"componentName": "IconSkipNext",
"importStatement": "import { IconSkipNext } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"skip",
"next"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSkipNext at size 24.",
"code": "import { IconSkipNext } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "skip-next-filled",
"description": "",
"componentName": "IconSkipNextFilled",
"importStatement": "import { IconSkipNextFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"skip",
"next",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSkipNextFilled at size 24.",
"code": "import { IconSkipNextFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "skip-previous",
"description": "",
"componentName": "IconSkipPrevious",
"importStatement": "import { IconSkipPrevious } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"skip",
"previous"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSkipPrevious at size 24.",
"code": "import { IconSkipPrevious } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "skip-previous-filled",
"description": "",
"componentName": "IconSkipPreviousFilled",
"importStatement": "import { IconSkipPreviousFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"skip",
"previous",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSkipPreviousFilled at size 24.",
"code": "import { IconSkipPreviousFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sound-wave",
"description": "",
"componentName": "IconSoundWave",
"importStatement": "import { IconSoundWave } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sound",
"wave"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSoundWave at size 24.",
"code": "import { IconSoundWave } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sparks",
"description": "",
"componentName": "IconSparks",
"importStatement": "import { IconSparks } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sparks"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSparks at size 24.",
"code": "import { IconSparks } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "sparks-filled",
"description": "",
"componentName": "IconSparksFilled",
"importStatement": "import { IconSparksFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"sparks",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSparksFilled at size 24.",
"code": "import { IconSparksFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "speaker",
"description": "",
"componentName": "IconSpeaker",
"importStatement": "import { IconSpeaker } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"speaker"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSpeaker at size 24.",
"code": "import { IconSpeaker } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "speaker-off",
"description": "",
"componentName": "IconSpeakerOff",
"importStatement": "import { IconSpeakerOff } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"speaker",
"off"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSpeakerOff at size 24.",
"code": "import { IconSpeakerOff } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "speech-bubble-dots",
"description": "",
"componentName": "IconSpeechBubbleDots",
"importStatement": "import { IconSpeechBubbleDots } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"speech",
"bubble",
"dots"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSpeechBubbleDots at size 24.",
"code": "import { IconSpeechBubbleDots } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "speech-bubble-empty",
"description": "",
"componentName": "IconSpeechBubbleEmpty",
"importStatement": "import { IconSpeechBubbleEmpty } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"speech",
"bubble",
"empty"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSpeechBubbleEmpty at size 24.",
"code": "import { IconSpeechBubbleEmpty } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "speech-bubble-quote",
"description": "",
"componentName": "IconSpeechBubbleQuote",
"importStatement": "import { IconSpeechBubbleQuote } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"speech",
"bubble",
"quote"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSpeechBubbleQuote at size 24.",
"code": "import { IconSpeechBubbleQuote } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "speech-bubble-stack",
"description": "",
"componentName": "IconSpeechBubbleStack",
"importStatement": "import { IconSpeechBubbleStack } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"speech",
"bubble",
"stack"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSpeechBubbleStack at size 24.",
"code": "import { IconSpeechBubbleStack } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "square",
"description": "",
"componentName": "IconSquare",
"importStatement": "import { IconSquare } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"square"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSquare at size 24.",
"code": "import { IconSquare } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "stack-horizontal",
"description": "",
"componentName": "IconStackHorizontal",
"importStatement": "import { IconStackHorizontal } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"stack",
"horizontal"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconStackHorizontal at size 24.",
"code": "import { IconStackHorizontal } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "stack-horizontal-alt-four",
"description": "",
"componentName": "IconStackHorizontalAltFour",
"importStatement": "import { IconStackHorizontalAltFour } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"stack",
"horizontal",
"alt",
"four"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconStackHorizontalAltFour at size 24.",
"code": "import { IconStackHorizontalAltFour } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "stack-horizontal-alt-three",
"description": "",
"componentName": "IconStackHorizontalAltThree",
"importStatement": "import { IconStackHorizontalAltThree } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"stack",
"horizontal",
"alt",
"three"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconStackHorizontalAltThree at size 24.",
"code": "import { IconStackHorizontalAltThree } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "stack-horizontal-alt-two",
"description": "",
"componentName": "IconStackHorizontalAltTwo",
"importStatement": "import { IconStackHorizontalAltTwo } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"stack",
"horizontal",
"alt",
"two"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconStackHorizontalAltTwo at size 24.",
"code": "import { IconStackHorizontalAltTwo } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "stack-vertical",
"description": "",
"componentName": "IconStackVertical",
"importStatement": "import { IconStackVertical } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"stack",
"vertical"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconStackVertical at size 24.",
"code": "import { IconStackVertical } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "star",
"description": "",
"componentName": "IconStar",
"importStatement": "import { IconStar } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"star"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconStar at size 24.",
"code": "import { IconStar } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "star-filled",
"description": "",
"componentName": "IconStarFilled",
"importStatement": "import { IconStarFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"star",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconStarFilled at size 24.",
"code": "import { IconStarFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "storybook",
"description": "",
"componentName": "IconStorybook",
"importStatement": "import { IconStorybook } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"storybook"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconStorybook at size 24.",
"code": "import { IconStorybook } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "strikethrough-box",
"description": "",
"componentName": "IconStrikethroughBox",
"importStatement": "import { IconStrikethroughBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"strikethrough",
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconStrikethroughBox at size 24.",
"code": "import { IconStrikethroughBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "subscript",
"description": "",
"componentName": "IconSubscript",
"importStatement": "import { IconSubscript } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"subscript"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSubscript at size 24.",
"code": "import { IconSubscript } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "suitcase",
"description": "",
"componentName": "IconSuitcase",
"importStatement": "import { IconSuitcase } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"suitcase"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSuitcase at size 24.",
"code": "import { IconSuitcase } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "suitcase-tag",
"description": "",
"componentName": "IconSuitcaseTag",
"importStatement": "import { IconSuitcaseTag } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"suitcase",
"tag"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSuitcaseTag at size 24.",
"code": "import { IconSuitcaseTag } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "superscript",
"description": "",
"componentName": "IconSuperscript",
"importStatement": "import { IconSuperscript } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"superscript"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconSuperscript at size 24.",
"code": "import { IconSuperscript } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "table",
"description": "",
"componentName": "IconTable",
"importStatement": "import { IconTable } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"table"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTable at size 24.",
"code": "import { IconTable } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "target",
"description": "",
"componentName": "IconTarget",
"importStatement": "import { IconTarget } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"target"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTarget at size 24.",
"code": "import { IconTarget } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-alignment-centre",
"description": "",
"componentName": "IconTextAlignmentCentre",
"importStatement": "import { IconTextAlignmentCentre } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"alignment",
"centre"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextAlignmentCentre at size 24.",
"code": "import { IconTextAlignmentCentre } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-alignment-justify",
"description": "",
"componentName": "IconTextAlignmentJustify",
"importStatement": "import { IconTextAlignmentJustify } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"alignment",
"justify"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextAlignmentJustify at size 24.",
"code": "import { IconTextAlignmentJustify } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-alignment-left",
"description": "",
"componentName": "IconTextAlignmentLeft",
"importStatement": "import { IconTextAlignmentLeft } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"alignment",
"left"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextAlignmentLeft at size 24.",
"code": "import { IconTextAlignmentLeft } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-alignment-right",
"description": "",
"componentName": "IconTextAlignmentRight",
"importStatement": "import { IconTextAlignmentRight } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"alignment",
"right"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextAlignmentRight at size 24.",
"code": "import { IconTextAlignmentRight } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-box-stack",
"description": "",
"componentName": "IconTextBoxStack",
"importStatement": "import { IconTextBoxStack } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"box",
"stack"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextBoxStack at size 24.",
"code": "import { IconTextBoxStack } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-brackets",
"description": "",
"componentName": "IconTextBrackets",
"importStatement": "import { IconTextBrackets } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"brackets"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextBrackets at size 24.",
"code": "import { IconTextBrackets } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-column-break",
"description": "",
"componentName": "IconTextColumnBreak",
"importStatement": "import { IconTextColumnBreak } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"column",
"break"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextColumnBreak at size 24.",
"code": "import { IconTextColumnBreak } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-columns",
"description": "",
"componentName": "IconTextColumns",
"importStatement": "import { IconTextColumns } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"columns"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextColumns at size 24.",
"code": "import { IconTextColumns } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-format-bold",
"description": "",
"componentName": "IconTextFormatBold",
"importStatement": "import { IconTextFormatBold } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"format",
"bold"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextFormatBold at size 24.",
"code": "import { IconTextFormatBold } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-format-italic",
"description": "",
"componentName": "IconTextFormatItalic",
"importStatement": "import { IconTextFormatItalic } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"format",
"italic"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextFormatItalic at size 24.",
"code": "import { IconTextFormatItalic } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-format-strikethrough",
"description": "",
"componentName": "IconTextFormatStrikethrough",
"importStatement": "import { IconTextFormatStrikethrough } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"format",
"strikethrough"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextFormatStrikethrough at size 24.",
"code": "import { IconTextFormatStrikethrough } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-format-underline",
"description": "",
"componentName": "IconTextFormatUnderline",
"importStatement": "import { IconTextFormatUnderline } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"format",
"underline"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextFormatUnderline at size 24.",
"code": "import { IconTextFormatUnderline } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-indent",
"description": "",
"componentName": "IconTextIndent",
"importStatement": "import { IconTextIndent } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"indent"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextIndent at size 24.",
"code": "import { IconTextIndent } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "text-outdent",
"description": "",
"componentName": "IconTextOutdent",
"importStatement": "import { IconTextOutdent } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"text",
"outdent"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTextOutdent at size 24.",
"code": "import { IconTextOutdent } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "thumbs-down",
"description": "",
"componentName": "IconThumbsDown",
"importStatement": "import { IconThumbsDown } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"thumbs",
"down"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconThumbsDown at size 24.",
"code": "import { IconThumbsDown } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "thumbs-down-filled",
"description": "",
"componentName": "IconThumbsDownFilled",
"importStatement": "import { IconThumbsDownFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"thumbs",
"down",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconThumbsDownFilled at size 24.",
"code": "import { IconThumbsDownFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "thumbs-up",
"description": "",
"componentName": "IconThumbsUp",
"importStatement": "import { IconThumbsUp } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"thumbs",
"up"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconThumbsUp at size 24.",
"code": "import { IconThumbsUp } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "thumbs-up-filled",
"description": "",
"componentName": "IconThumbsUpFilled",
"importStatement": "import { IconThumbsUpFilled } from '@frontify/fondue/icons';",
"filled": true,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"thumbs",
"up",
"filled"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconThumbsUpFilled at size 24.",
"code": "import { IconThumbsUpFilled } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "trash-bin",
"description": "",
"componentName": "IconTrashBin",
"importStatement": "import { IconTrashBin } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"trash",
"bin"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTrashBin at size 24.",
"code": "import { IconTrashBin } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "triangle",
"description": "",
"componentName": "IconTriangle",
"importStatement": "import { IconTriangle } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"triangle"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTriangle at size 24.",
"code": "import { IconTriangle } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "twitter",
"description": "",
"componentName": "IconTwitter",
"importStatement": "import { IconTwitter } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"twitter"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTwitter at size 24.",
"code": "import { IconTwitter } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "typography",
"description": "",
"componentName": "IconTypography",
"importStatement": "import { IconTypography } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"typography"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTypography at size 24.",
"code": "import { IconTypography } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "typography-box",
"description": "",
"componentName": "IconTypographyBox",
"importStatement": "import { IconTypographyBox } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"typography",
"box"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTypographyBox at size 24.",
"code": "import { IconTypographyBox } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "typography-case",
"description": "",
"componentName": "IconTypographyCase",
"importStatement": "import { IconTypographyCase } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"typography",
"case"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTypographyCase at size 24.",
"code": "import { IconTypographyCase } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "typography-multiple",
"description": "",
"componentName": "IconTypographyMultiple",
"importStatement": "import { IconTypographyMultiple } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"typography",
"multiple"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconTypographyMultiple at size 24.",
"code": "import { IconTypographyMultiple } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "vimeo",
"description": "",
"componentName": "IconVimeo",
"importStatement": "import { IconVimeo } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"vimeo"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconVimeo at size 24.",
"code": "import { IconVimeo } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "wand",
"description": "",
"componentName": "IconWand",
"importStatement": "import { IconWand } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"wand"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconWand at size 24.",
"code": "import { IconWand } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "workflow-lanes",
"description": "",
"componentName": "IconWorkflowLanes",
"importStatement": "import { IconWorkflowLanes } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"workflow",
"lanes"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconWorkflowLanes at size 24.",
"code": "import { IconWorkflowLanes } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
},
{
"name": "workflow-shapes",
"description": "",
"componentName": "IconWorkflowShapes",
"importStatement": "import { IconWorkflowShapes } from '@frontify/fondue/icons';",
"filled": false,
"availableSizes": [
12,
16,
20,
24,
32
],
"defaultSize": 24,
"tags": [
"workflow",
"shapes"
],
"examples": [
{
"name": "Default",
"description": "Default usage of IconWorkflowShapes at size 24.",
"code": "import { IconWorkflowShapes } from '@frontify/fondue/icons';\n\n",
"isCanonical": true
}
]
}
]
}