@geneui/icons
Version:
Gene UI icons distributed as SVG React components.
2,136 lines • 131 kB
JavaScript
const metadata = {
"ActivityRecent": {
"id": "ActivityRecentMajor",
"name": "ActivityRecent",
"set": "major",
"type": "outline",
"keywords": [
"activity",
"recent",
"updates",
"clock",
"history",
"timeline",
"log",
"events",
"tracking"
],
"aliases": [
""
],
"description": "The Activity Recent icon represents recent actions or updates, often used to display a log, timeline, or history of user activities. ",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/8/2025, 2:27:47 PM"
},
"AlignmentBottom": {
"id": "AlignmentBottomMajor",
"name": "AlignmentBottom",
"set": "major",
"type": "outline",
"keywords": [
"align bottom",
"vertical alignment",
"align objects",
"bottom align",
"layout alignment",
"align elements"
],
"aliases": [
""
],
"description": "This icon represents Bottom Alignment, used to align multiple objects or elements along a shared bottom edge or baseline in design layouts.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:31:54 PM"
},
"AlignmentBottomFilled": {
"id": "AlignmentBottomFilledMajor",
"name": "AlignmentBottomFilled",
"set": "major",
"type": "filled",
"keywords": [
"align bottom filled",
"vertical alignment filled",
"filled align objects",
"filled bottom align",
"filed layout alignment",
"align elements filled"
],
"aliases": [
""
],
"description": "This icon represents Filled Bottom Alignment, used to align objects or elements along a shared bottom edge with a filled style.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:21:02 PM"
},
"AlignmentCenterFilled": {
"id": "AlignmentCenterFilledMajor",
"name": "AlignmentCenterFilled",
"set": "major",
"type": "filled",
"keywords": [
"align center filled",
"filled center align",
"center objects filled",
"vertical center"
],
"aliases": [
""
],
"description": "This icon represents Filled Center Alignment, used to align objects or elements along a shared vertical center line with a filled style.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:38:54 PM"
},
"AlignmentLeft": {
"id": "AlignmentLeftMajor",
"name": "AlignmentLeft",
"set": "major",
"type": "outline",
"keywords": [
"align left",
"left alignment",
"left edge align",
"horizontal align left",
"align objects left"
],
"aliases": [
""
],
"description": "This icon represents Left Alignment, used to align objects or elements along a shared left edge.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:42:46 PM"
},
"AlignmentLeftFilled": {
"id": "AlignmentLeftFilledMajor",
"name": "AlignmentLeftFilled",
"set": "major",
"type": "filled",
"keywords": [
"align left filled",
"left alignment filled",
"filled align left",
"horizontal left align filled",
"left edge alignment filled"
],
"aliases": [],
"description": "This icon represents Filled Left Alignment, used to align objects or elements along a shared left edge with a filled style.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:41:02 PM"
},
"AlignmentRight": {
"id": "AlignmentRightMajor",
"name": "AlignmentRight",
"set": "major",
"type": "outline",
"keywords": [
"align right",
"right alignment",
"right edge align",
"horizontal align right"
],
"aliases": [
""
],
"description": "This icon represents Right Alignment, used to align objects or elements along a shared right edge.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:46:17 PM"
},
"AlignmentRightFilled": {
"id": "AlignmentRightFilledMajor",
"name": "AlignmentRightFilled",
"set": "major",
"type": "filled",
"keywords": [
"align right filled",
"right alignment filled",
"filled align right",
"horizontal right align filled",
"right edge alignment filled"
],
"aliases": [
""
],
"description": "This icon represents Filled Right Alignment, used to align objects or elements along a shared right edge with a filled style.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:44:44 PM"
},
"AlignmentTop": {
"id": "AlignmentTopMajor",
"name": "AlignmentTop",
"set": "major",
"type": "outline",
"keywords": [
"align top",
"top alignment",
"top edge align",
"vertical align top",
"align objects top"
],
"aliases": [
""
],
"description": "This icon represents Top Alignment, used to align objects or elements along a shared top edge.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:48:46 PM"
},
"AlignmentTopFilled": {
"id": "AlignmentTopFilledMajor",
"name": "AlignmentTopFilled",
"set": "major",
"type": "filled",
"keywords": [
"align top filled",
"top alignment filled",
"filled align top",
"vertical top align filled",
"top edge alignment filled"
],
"aliases": [
""
],
"description": "This icon represents Filled Top Alignment, used to align objects or elements along a shared top edge with a filled style.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:47:44 PM"
},
"AlignmentVerticalCenter": {
"id": "AlignmentVerticalCenterMajor",
"name": "AlignmentVerticalCenter",
"set": "major",
"type": "outline",
"keywords": [
"align center",
"center layout",
"align middle",
"center objects",
"vertical center align"
],
"aliases": [
""
],
"description": "This icon represents Center Alignment, used to align multiple objects or elements along a shared vertical center line.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:22:54 PM"
},
"AppGrid": {
"id": "AppGridMajor",
"name": "AppGrid",
"set": "major",
"type": "outline",
"keywords": [
"square",
"shape",
"select",
"frame",
"border"
],
"aliases": [
""
],
"description": "An AppGrid icon The AppGrid icon represents a grid layout, commonly used to symbolize applications, dashboards, or categorized content sections. It helps users quickly identify app-related navigation or organization tools.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "2/20/2025, 1:27:08 PM"
},
"Archive": {
"id": "ArchiveMajor",
"name": "Archive",
"set": "major",
"type": "outline",
"keywords": [
"Archive",
"file storage",
"data preservation",
"document retention",
"save",
"backup."
],
"aliases": [
""
],
"description": "The archive icon typically represents the action of storing or preserving files or documents for long-term storage, often in a compressed or organized format for easy retrieval. ",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/8/2025, 2:33:45 PM"
},
"ArchiveFilled": {
"id": "ArchiveFilledMajor",
"name": "ArchiveFilled",
"set": "major",
"type": "filled",
"keywords": [
"Archive",
"file storage",
"data preservation",
"document retention",
"save",
"backup",
"filled",
"completed."
],
"aliases": [
""
],
"description": "The filled archive icon represents a completed or active storage action, where files or documents are securely stored or archived. It is typically used to indicate that items have been successfully archived or backed up and are no longer in active use but are preserved for future reference. ",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/8/2025, 3:18:49 PM"
},
"ArrowBounceDown": {
"id": "ArrowBounceDownMajor",
"name": "ArrowBounceDown",
"set": "major",
"type": "outline",
"keywords": [
"arrow",
"bounce",
"down",
"movement",
"direction",
"downward"
],
"aliases": [
""
],
"description": "The Arrow Bounce Down icon represents a downward movement or action, typically indicating the expansion of content, scrolling down, or initiating a downward flow. The bouncing effect adds a dynamic feel, making it ideal for interactive UI elements where users are prompted to move or expand content downward.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/9/2025, 2:27:14 PM"
},
"ArrowBounceUp": {
"id": "ArrowBounceUpMajor",
"name": "ArrowBounceUp",
"set": "major",
"type": "outline",
"keywords": [
"arrow",
"bounce",
"up",
"movement",
"direction",
"return",
"action",
"graph",
"upward"
],
"aliases": [
""
],
"description": "The Arrow Bounce Up icon represents an upward movement or action, typically indicating a return to a previous position, scrolling up, or reloading content. The bouncing motion adds a sense of dynamic action, making it ideal for interactive elements in user interfaces where a visual cue for upward navigation or activity is needed.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/9/2025, 2:28:16 PM"
},
"ArrowDown": {
"id": "ArrowDownMajor",
"name": "ArrowDown",
"set": "major",
"type": "outline",
"keywords": [
"arrow down",
"direction down",
"downward",
"navigate down",
"move down"
],
"aliases": [
""
],
"description": "This icon represents a Downward Arrow, commonly used to indicate downward navigation, download actions, or moving an element down.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:16:41 PM"
},
"ArrowLeft": {
"id": "ArrowLeftMajor",
"name": "ArrowLeft",
"set": "major",
"type": "outline",
"keywords": [
"arrow",
"left",
"back",
"return",
"navigate",
"move",
"direction"
],
"aliases": [
""
],
"description": "A left-pointing arrow icon typically used for navigation purposes, such as returning to a previous page or section.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "8/22/2024, 2:42:50 PM"
},
"ArrowRight": {
"id": "ArrowRightMajor",
"name": "ArrowRight",
"set": "major",
"type": "outline",
"keywords": [
"arrow",
"right",
"forward",
"next",
"navigate",
"direction",
"move",
"forward"
],
"aliases": [
""
],
"description": "A right-pointing arrow icon typically used for navigation purposes, such as moving to the next page or section.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "8/22/2024, 2:43:59 PM"
},
"ArrowRightLeft": {
"id": "ArrowRightLeftMajor",
"name": "ArrowRightLeft",
"set": "major",
"type": "outline",
"keywords": [
"swap",
"exchange",
"transfer",
"arrows"
],
"aliases": [
""
],
"description": "The arrowswap icon indicates an action to exchange or switch items, values, or positions. It is typically used to represent reversing the direction or swapping two elements.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/9/2025, 2:39:06 PM"
},
"ArrowUp": {
"id": "ArrowUpMajor",
"name": "ArrowUp",
"set": "major",
"type": "outline",
"keywords": [
"arrow up",
"direction up",
"navigate up",
"move up",
"upward arrow"
],
"aliases": [
""
],
"description": "This icon represents an Upward Arrow, commonly used to indicate upward navigation, upload actions, or moving an element up.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/11/2024, 12:18:33 PM"
},
"ArrowUpDown": {
"id": "ArrowUpDownMajor",
"name": "ArrowUpDown",
"set": "major",
"type": "outline",
"keywords": [
"Sort",
"arrange",
"order",
"up",
"down",
"filter"
],
"aliases": [
""
],
"description": "The arrow sort icon indicates the action of sorting or ordering items, typically in ascending or descending order. It is used to arrange data or elements based on a selected criterion",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/9/2025, 2:45:37 PM"
},
"At": {
"id": "AtMajor",
"name": "At",
"set": "major",
"type": "outline",
"keywords": [
"at",
"symbol",
"email",
"address",
"contact",
"communication",
"handle",
"social",
"username"
],
"aliases": [
""
],
"description": "The At icon represents the \\\"at\\\" symbol, commonly used in email addresses, social media handles, or contact information in applications and interfaces",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/9/2025, 2:46:21 PM"
},
"BarTriple": {
"id": "BarTripleMajor",
"name": "BarTriple",
"set": "major",
"type": "outline",
"keywords": [
"bar",
"triple",
"data",
"graph",
"statistics",
"column triple"
],
"aliases": [
""
],
"description": "The Bar Triple icon represents three vertical bars, often used to indicate data, statistics, or progress in a graphical or chart-based format. It is commonly used in data visualization tools, dashboards, or UI components that display multiple values or comparisons side by side.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/9/2025, 2:47:44 PM"
},
"Bell": {
"id": "BellMajor",
"name": "Bell",
"set": "major",
"type": "outline",
"keywords": [
"bell",
"notification",
"alert",
"reminder",
"message",
"ring"
],
"aliases": [
""
],
"description": "The Bell icon represents notifications or alerts, commonly used to indicate new messages, reminders, or updates in applications and interfaces.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 12:20:57 PM"
},
"Blocked": {
"id": "BlockedMajor",
"name": "Blocked",
"set": "major",
"type": "outline",
"keywords": [
"bell",
"notification",
"alert",
"reminder",
"message",
"ring"
],
"aliases": [
""
],
"description": "The Bell icon represents notifications or alerts, commonly used to indicate new messages, reminders, or updates in applications and interfaces.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 12:22:14 PM"
},
"Blocks": {
"id": "BlocksMajor",
"name": "Blocks",
"set": "major",
"type": "outline",
"keywords": [
"Blocks",
"grid",
"layout",
"structure",
"menu",
"applications."
],
"aliases": [
""
],
"description": "The blocks icon represents a grid or collection of items organized in blocks, typically used to indicate a structured layout, an applications menu, or a dashboard view. It symbolizes access to various features or sections within a system.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/15/2024, 11:20:52 AM"
},
"BlocksFilled": {
"id": "BlocksFilledMajor",
"name": "BlocksFilled",
"set": "major",
"type": "filled",
"keywords": [
"Blocks",
"grid",
"filled",
"layout",
"menu",
"applications."
],
"aliases": [
""
],
"description": "The Blocks Filled icon represents a filled grid or group of items, often used to indicate a structured layout, applications menu, or a collection of items organized in blocks. It can symbolize access to multiple features or sections within a system.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/15/2024, 11:22:01 AM"
},
"Bookmark": {
"id": "BookmarkMajor",
"name": "Bookmark",
"set": "major",
"type": "outline",
"keywords": [
"bookmark",
"save",
"mark",
"flag",
"highlight",
"favorite",
"ribbon"
],
"aliases": [
""
],
"description": "A bookmark icon symbolizes saving or marking content for quick access later. Typically designed as a simple ribbon or flag shape, it represents the act of highlighting items to revisit.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/12/2024, 2:31:38 PM"
},
"BookmarkFilled": {
"id": "BookmarkFilledMajor",
"name": "BookmarkFilled",
"set": "major",
"type": "filled",
"keywords": [
"bookmark filled",
"saved",
"marked",
"highlighted",
"favorite",
"selected",
"solid",
"ribbon"
],
"aliases": [
""
],
"description": "A bookmark filled icon represents an item that has already been saved or marked. It usually appears as a solid, filled-in ribbon or flag shape, indicating active selection or highlighting for easy retrieval.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/12/2024, 2:32:48 PM"
},
"Box": {
"id": "BoxMajor",
"name": "Box",
"set": "major",
"type": "outline",
"keywords": [
"3D",
"structure",
"block",
"modular",
"data",
"organization",
"storage",
"architecture",
"framework",
"design system."
],
"aliases": [
""
],
"description": "A box icon typically represents a 3D object or concept related to structure, organization, or a block element. It is often used to symbolize data storage, building blocks, or modularity in interfaces",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/15/2024, 11:31:15 AM"
},
"BoxFilled": {
"id": "BoxFilledMajor",
"name": "BoxFilled",
"set": "major",
"type": "filled",
"keywords": [
"3D",
"filled",
"solid",
"block",
"structure",
"storage",
"unit",
"container",
"stability",
"design system."
],
"aliases": [
""
],
"description": "The Box filled icon represents a solid, 3D block or object, often used to symbolize stability, storage, or a unit within a larger system. It is commonly used in interfaces to indicate a fully contained or structured element.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/15/2024, 11:31:52 AM"
},
"Brush": {
"id": "BrushMajor",
"name": "Brush",
"set": "major",
"type": "outline",
"keywords": [
"brush",
"paint",
"drawing",
"art",
"tool",
"design",
"color",
"creativity",
"edit"
],
"aliases": [
""
],
"description": "The Brush icon represents a painting or drawing tool, commonly used to symbolize creativity, design, or editing features in applications related to art, graphics, or design",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 12:24:38 PM"
},
"Calculator": {
"id": "CalculatorMajor",
"name": "Calculator",
"set": "major",
"type": "outline",
"keywords": [
"calculator",
"math",
"numbers",
"finance",
"equation",
"addition",
"minus",
"plus",
""
],
"aliases": [
""
],
"description": "The Calculator icon represents a tool used for performing mathematical operations. It is commonly used in finance, accounting, or data-related applications, allowing users to perform quick calculations. ",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/19/2024, 11:25:28 AM"
},
"CalculatorFilled": {
"id": "CalculatorFilledMajor",
"name": "CalculatorFilled",
"set": "major",
"type": "filled",
"keywords": [
"calculator",
"math",
"numbers",
"finance",
"equation",
"addition",
"minus",
"plus",
"filled"
],
"aliases": [
""
],
"description": "The Calculator filled icon represents a filled version of a calculator, typically depicted with solid or filled shapes. It is used to signify a tool for performing mathematical operations within applications, often related to finance, accounting, or data analysis",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/19/2024, 11:27:20 AM"
},
"Calendar": {
"id": "CalendarMajor",
"name": "Calendar",
"set": "major",
"type": "outline",
"keywords": [
"Calendar",
"date",
"schedule",
"event",
"planner",
"time."
],
"aliases": [
""
],
"description": "The calendar icon represents dates, scheduling, or planning, commonly used to indicate access to a schedule, event list, or date picker.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 12:25:58 PM"
},
"CalendarX": {
"id": "CalendarXMajor",
"name": "CalendarX",
"set": "major",
"type": "outline",
"keywords": [
"Calendar",
"remove",
"x",
"delete",
"cancel",
"event",
"schedule"
],
"aliases": [
""
],
"description": "The calendar X icon represents the action of deleting or canceling an event or removing an entry from a calendar or schedule.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/18/2024, 12:55:52 PM"
},
"CalendarXFilled": {
"id": "CalendarXFilledMajor",
"name": "CalendarXFilled",
"set": "major",
"type": "filled",
"keywords": [
"Calendar",
"date",
"x",
"schedule",
"event",
"planner",
"time."
],
"aliases": [
""
],
"description": "The calendar icon represents dates, scheduling, or planning, commonly used to indicate access to a schedule, event list, or date picker.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 12:27:08 PM"
},
"CaretDown": {
"id": "CaretDownMajor",
"name": "CaretDown",
"set": "major",
"type": "outline",
"keywords": [
"dropdown",
"expand",
"collapse",
"navigation",
"menu",
"arrow",
"downward",
"UI indicator",
"toggle"
],
"aliases": [
""
],
"description": "The Caret Down icon is a small triangular symbol pointing downward. It is commonly used to indicate a dropdown menu, expand/collapse functionality, or to suggest navigation to additional content below",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/18/2024, 11:21:14 AM"
},
"CaretDownFilled": {
"id": "CaretDownFilledMajor",
"name": "CaretDownFilled",
"set": "major",
"type": "filled",
"keywords": [
"caret",
"down",
"filled",
"dropdown",
"expand",
"open",
"triangle",
"unfold",
"reveal"
],
"aliases": [
""
],
"description": "A downward-pointing filled caret icon commonly used to indicate a dropdown menu, expandable content, or additional options. It serves as a visual cue for users to click and reveal hidden content or navigate to submenus. Often found in forms, navigation bars, and selection lists.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "8/22/2024, 3:54:38 PM"
},
"CaretLeft": {
"id": "CaretLeftMajor",
"name": "CaretLeft",
"set": "major",
"type": "outline",
"keywords": [
"Caret",
"left",
"arrow",
"navigation",
"back",
"previous",
""
],
"aliases": [
""
],
"description": "The caret left icon represents navigation or movement to the left, typically used to indicate going back, accessing the previous item, or collapsing a section.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/18/2024, 11:26:55 AM"
},
"CaretLeftFilled": {
"id": "CaretLeftFilledMajor",
"name": "CaretLeftFilled",
"set": "major",
"type": "filled",
"keywords": [
"filled",
"arrow",
"left",
"backward",
"navigation",
"collapse",
"directional",
"slider",
"carousel",
""
],
"aliases": [
""
],
"description": "The Caret Left Filled icon is a solid triangular symbol pointing to the left. It is commonly used in user interfaces to indicate backward navigation, collapse functionality, or directional cues within a flow or carousel.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/18/2024, 11:23:28 AM"
},
"CaretRight": {
"id": "CaretRightMajor",
"name": "CaretRight",
"set": "major",
"type": "outline",
"keywords": [
"Caret",
"right",
"",
"arrow",
"navigation",
"forward",
"next."
],
"aliases": [
""
],
"description": "The caret right icon indicates navigation or movement to the right, typically used to signify progressing forward, accessing the next item, or expanding a section.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/18/2024, 12:48:30 PM"
},
"CaretRightFilled": {
"id": "CaretRightFilledMajor",
"name": "CaretRightFilled",
"set": "major",
"type": "filled",
"keywords": [
"Caret",
"right",
"filled",
"arrow",
"navigation",
"forward",
"next"
],
"aliases": [
"The caret right filled icon indicates navigation or movement to the right",
"typically used to signify progressing forward",
"accessing the next item",
"or expanding a section."
],
"description": "The caret right filled icon indicates navigation or movement to the right,typically used to ",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/18/2024, 11:30:23 AM"
},
"CaretUp": {
"id": "CaretUpMajor",
"name": "CaretUp",
"set": "major",
"type": "outline",
"keywords": [
"Caret",
"up",
"arrow",
"navigation",
"collapse",
"upward."
],
"aliases": [
""
],
"description": "The caret up icon indicates upward movement or navigation, typically used to collapse a section, scroll up, or indicate an increase in value or hierarchy.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/18/2024, 12:50:43 PM"
},
"CaretUpFilled": {
"id": "CaretUpFilledMajor",
"name": "CaretUpFilled",
"set": "major",
"type": "filled",
"keywords": [
"caret",
"up",
"filled",
"arrow",
"collapse",
"close",
"fold",
"hide",
"collapse menu"
],
"aliases": [
""
],
"description": "An upward-pointing filled caret icon typically used to indicate the collapse or closing of a dropdown menu, hidden content, or additional options. It signals that content can be hidden or retracted. Often used in forms, navigation bars, and expandable lists.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "8/22/2024, 3:55:48 PM"
},
"CheckMark": {
"id": "CheckMarkMajor",
"name": "CheckMark",
"set": "major",
"type": "outline",
"keywords": [
"checkmark",
"selected",
"check",
"tick",
"valid",
"accept",
"success",
"complete",
"verified"
],
"aliases": [
""
],
"description": "A check mark icon commonly used to indicate confirmation, approval, or successful completion of an action. It signifies that something is correct, validated, or selected. Often found in forms, checkboxes, lists, and status indicators.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "7/31/2024, 2:10:56 PM"
},
"ChevronDoubleLeft": {
"id": "ChevronDoubleLeftMajor",
"name": "ChevronDoubleLeft",
"set": "major",
"type": "outline",
"keywords": [
"Chevron",
"double left",
"navigation",
"backward",
"previous",
"rewind"
],
"aliases": [
""
],
"description": "The chevron double left icon represents a faster navigation or movement to the left, typically used to indicate going back multiple steps, accessing the previous section, or rewinding in a sequence.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/18/2024, 11:28:36 AM"
},
"ChevronDoubleRight": {
"id": "ChevronDoubleRightMajor",
"name": "ChevronDoubleRight",
"set": "major",
"type": "outline",
"keywords": [
"Chevron",
"double right",
"navigation",
"forward",
"next",
"fast forward."
],
"aliases": [
""
],
"description": "The chevron double right icon represents quick navigation or movement to the right, typically used to indicate advancing multiple steps, accessing the next section, or fast-forwarding in a sequence.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/18/2024, 12:49:55 PM"
},
"ChevronDown": {
"id": "ChevronDownMajor",
"name": "ChevronDown",
"set": "major",
"type": "outline",
"keywords": [
"chevron",
"expand",
"down",
"dropdown",
"unfold",
"expand more",
"accordion",
"collapse",
"breadcrumb"
],
"aliases": [
""
],
"description": "Indicates navigation between sections, such as moving forward or backward. For example, a right-pointing chevron in a breadcrumb trail indicates a sub-page or category.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "8/22/2024, 3:59:06 PM"
},
"ChevronLeft": {
"id": "ChevronLeftMajor",
"name": "ChevronLeft",
"set": "major",
"type": "outline",
"keywords": [
"left",
"chevron",
"previous",
"back",
"move left",
"navigate left",
"previous page",
"left arrow",
"slide left"
],
"aliases": [
""
],
"description": "The ChevronLeft Component is a key element in providing intuitive navigation, ensuring that users can easily retrace their steps or move to prior content within an application or website.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "8/22/2024, 4:03:17 PM"
},
"ChevronRight": {
"id": "ChevronRightMajor",
"name": "ChevronRight",
"set": "major",
"type": "outline",
"keywords": [
"chevron right",
"right",
"chevron",
"next",
"navigate right",
"right arrow",
"next step",
"forward",
"move right",
"next page",
"slide right",
"proceed",
""
],
"aliases": [
""
],
"description": "It is primarily used to facilitate forward navigation, guiding users to move to the next page, screen, or step within an interface. This component is commonly employed in scenarios such as multi-step forms, carousels, and breadcrumb trails, where advancing to subsequent content is necessary.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "8/22/2024, 4:07:34 PM"
},
"ChevronRightLeft": {
"id": "ChevronRightLeftMajor",
"name": "ChevronRightLeft",
"set": "major",
"type": "outline",
"keywords": [
"chevron",
"right arrow",
"left arrow",
"navigation",
"direction",
"collapse",
""
],
"aliases": [
""
],
"description": "The ChevronRightLeft icon represents directional arrows typically used for navigation purposes, allowing users to toggle between two states, such as expanding or collapsing content, moving left or right, or navigating through sections in a UI.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 12:29:15 PM"
},
"ChevronUp": {
"id": "ChevronUpMajor",
"name": "ChevronUp",
"set": "major",
"type": "outline",
"keywords": [
"collapse",
"chevron",
"up",
"close",
"hide",
"slide up",
"upward arrow",
"navigate up"
],
"aliases": [
""
],
"description": "It is primarily used to indicate actions related to collapsing or hiding content. This component is commonly found in interfaces where users need to close or collapse sections, such as accordions, dropdowns, or expandable lists. ",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "8/22/2024, 4:10:53 PM"
},
"ChevronUpDown": {
"id": "ChevronUpDownMajor",
"name": "ChevronUpDown",
"set": "major",
"type": "outline",
"keywords": [
"chevron",
"up and down",
"up",
"down",
"expand",
"collapse",
"vertical movement"
],
"aliases": [
""
],
"description": "The ChevronUpDown icon features two arrows pointing in opposite vertical directions, typically used to represent expandable or collapsible content. It allows users to toggle between up and down states, such as showing or hiding details, expanding or collapsing menus, or navigating through vertical sections in a UI.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 1:07:57 PM"
},
"Circle": {
"id": "CircleMajor",
"name": "Circle",
"set": "major",
"type": "outline",
"keywords": [
"status",
"circle",
"icon",
"indicator",
"progress",
"completion",
"active",
"inactive",
"success",
"error",
"warning",
"neutral.offline",
"online"
],
"aliases": [
""
],
"description": "A circle icon serves as a visual indicator for various system states, such as success, error, warning, or neutral. It is often used to represent the progress of a task, the condition of a process, or the activity state of a user or system. The design’s simplicity allows for quick recognition and understanding of the current status.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/19/2024, 1:41:11 PM"
},
"CircleAlert": {
"id": "CircleAlertMajor",
"name": "CircleAlert",
"set": "major",
"type": "outline",
"keywords": [
"circle",
"alert",
"warning",
"notification",
"caution",
"message",
"error",
"attention",
""
],
"aliases": [
""
],
"description": "The Circle Alert icon represents an alert or notification enclosed in a circular design, commonly used to indicate warnings, errors, or important messages in applications and interfaces.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 1:08:53 PM"
},
"CircleEqual": {
"id": "CircleEqualMajor",
"name": "CircleEqual",
"set": "major",
"type": "outline",
"keywords": [
"circle",
"equal",
"balance",
"equality",
"sign",
"math",
"mathematical"
],
"aliases": [
""
],
"description": "CircleEqual icon represents equality enclosed in a circular design, commonly used to symbolize balance, equations, or comparisons in applications and interfaces.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 1:11:12 PM"
},
"CircleEqualFilled": {
"id": "CircleEqualFilledMajor",
"name": "CircleEqualFilled",
"set": "major",
"type": "filled",
"keywords": [
"circle",
"equal",
"filled",
"balance",
"comparison",
"math",
"mathematical"
],
"aliases": [
""
],
"description": "The Circle Equal Filled icon represents a solid design of equality enclosed in a circle, commonly used to symbolize balance, equations, or comparisons in applications and interfaces.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 1:13:02 PM"
},
"CircleFilled": {
"id": "CircleFilledMajor",
"name": "CircleFilled",
"set": "major",
"type": "filled",
"keywords": [
"circle",
"filled",
"icon",
"status",
"active",
"complete",
"indicator",
"solid",
"color",
"visual cue",
"online",
"offline"
],
"aliases": [
""
],
"description": "A filled circle icon is used as a visual cue to represent active or completed statuses, often signifying that a process, task, or condition is fully engaged or finished. Its solid design provides a strong, clear indicator, making it easy to identify key information at a glance, such as a successful action or an active state.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/19/2024, 1:42:51 PM"
},
"CircleInfo": {
"id": "CircleInfoMajor",
"name": "CircleInfo",
"set": "major",
"type": "outline",
"keywords": [
"circle",
"info",
"information",
"help",
"guidance",
"details",
"support",
"notification"
],
"aliases": [
"help",
""
],
"description": " \"The Circle Info icon represents information enclosed in a circular design, commonly used to provide details, guidance, or notifications in applications and interfaces.\",",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 1:37:53 PM"
},
"CircleOff": {
"id": "CircleOffMajor",
"name": "CircleOff",
"set": "major",
"type": "outline",
"keywords": [
"circle",
"off",
"disable",
"inactive",
"empty",
"unselected",
"unfilled",
"toggle",
"state"
],
"aliases": [
""
],
"description": "The Circle Off icon represents a disabled or unselected state, commonly used to indicate an option or feature that is turned off or inactive in applications and interfaces.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 1:44:15 PM"
},
"CircleSmallFilled": {
"id": "CircleSmallFilledMajor",
"name": "CircleSmallFilled",
"set": "major",
"type": "filled",
"keywords": [
"dot",
"indicator",
"marker",
"bullet",
"visual cue",
"separator",
"circle",
"status icon",
"notification",
"tag"
],
"aliases": [
""
],
"description": " A small circular element used to represent status, serve as a visual indicator, or provide decorative separation in user interfaces.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "8/22/2024, 4:25:36 PM"
},
"CircleX": {
"id": "CircleXMajor",
"name": "CircleX",
"set": "major",
"type": "outline",
"keywords": [
"Circle",
"x",
"close",
"cancel",
"error",
"remove",
"reject",
"clear",
"delete"
],
"aliases": [
""
],
"description": "The CircleX icon represents a circle with an \"X\" inside, commonly used to indicate the action of closing, canceling, or rejecting an operation. It is often used in error messages, pop-ups, or UI elements to allow users to dismiss or remove items. The circular design gives the icon a clean, universally recognized appearance for negative or closing actions.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/26/2024, 4:34:11 PM"
},
"CircleXFilled": {
"id": "CircleXFilledMajor",
"name": "CircleXFilled",
"set": "major",
"type": "filled",
"keywords": [
"Circle",
"x",
"close",
"cancel",
"error",
"remove",
"reject",
"clear",
"delete",
"filled",
"dismiss"
],
"aliases": [
""
],
"description": "The CircleXFilled icon represents a filled circle with an \"X\" inside, typically used to indicate the action of closing, canceling, or rejecting something with a more prominent, bold design.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/26/2024, 4:35:12 PM"
},
"Clip": {
"id": "ClipMajor",
"name": "Clip",
"set": "major",
"type": "outline",
"keywords": [
"Attachment",
"file",
"document",
"paperclip",
"link",
"add",
"attach"
],
"aliases": [
""
],
"description": "The attachment icon represents the action of adding or linking a file or document to a message, email, or form. It is commonly used to indicate that additional files can be included or are attached for reference.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 1:45:10 PM"
},
"Clock": {
"id": "ClockMajor",
"name": "Clock",
"set": "major",
"type": "outline",
"keywords": [
"clock",
"time",
"minute",
"hour",
"second",
"watch",
"alarm",
"schedule",
"timekeeping"
],
"aliases": [
""
],
"description": "The Clock icon represents a timepiece, typically used to indicate time-related features such as clocks, schedules, or timers. It is commonly used in applications for setting alarms, tracking time, managing appointments, or displaying current time.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/26/2024, 4:20:37 PM"
},
"ClockFilled": {
"id": "ClockFilledMajor",
"name": "ClockFilled",
"set": "major",
"type": "filled",
"keywords": [
"clock",
"time",
"minute",
"hour",
"watch",
"alarm",
"timer",
"schedule",
"timekeeping",
"filled clock"
],
"aliases": [
""
],
"description": "The clock filled icon represents a filled version of a clock, typically with solid or bold elements to provide a more prominent, visually striking appearance. It is used to indicate time-related features such as alarms, schedules, timers, or time tracking within applications. The filled design makes it stand out in a UI, often used for buttons or icons that require high visibility in time management-related tasks.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/19/2024, 11:30:35 AM"
},
"ClockX": {
"id": "ClockXMajor",
"name": "ClockX",
"set": "major",
"type": "outline",
"keywords": [
"Clock",
"remove",
"x",
"delete",
"cancel",
"time",
"schedule."
],
"aliases": [
""
],
"description": "The clock remove icon represents the action of canceling or deleting a scheduled event or time-related entry. It is often used to indicate the removal of a reminder or appointment.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 1:45:50 PM"
},
"ColorPalette": {
"id": "ColorPaletteMajor",
"name": "ColorPalette",
"set": "major",
"type": "outline",
"keywords": [
"Color",
"palette",
"paint",
"design",
"creativity",
"art",
"customization."
],
"aliases": [
""
],
"description": "The color palette icon represents tools for selecting or customizing colors, commonly used in design, art, or creative applications to indicate color selection or theme customization options.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 1:46:52 PM"
},
"Copy": {
"id": "CopyMajor",
"name": "Copy",
"set": "major",
"type": "outline",
"keywords": [
"copy",
"duplicate",
"copy text",
"clipboard",
"clone",
"copy button",
"copy action",
"replicate",
""
],
"aliases": [
""
],
"description": "The Copy Component allows users to quickly duplicate content to their clipboard with a single click, commonly used in forms, text fields, and code snippets for efficient data replication.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "8/22/2024, 4:12:38 PM"
},
"CurrencyGlobal": {
"id": "CurrencyGlobalMajor",
"name": "CurrencyGlobal",
"set": "major",
"type": "outline",
"keywords": [
"currency",
"global",
"icon",
"international",
"exchange",
"finance",
"money",
"symbol",
"global economy",
"payment."
],
"aliases": [
""
],
"description": "A currency global icon represents the concept of international finance and currency exchange, often symbolizing global economic transactions, payments, and the movement of money across borders. It visually communicates the interconnectedness of financial systems worldwide.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "1/13/2025, 1:47:36 PM"
},
"CursorClick": {
"id": "CursorClickMajor",
"name": "CursorClick",
"set": "major",
"type": "outline",
"keywords": [
"cursor",
"click",
"pointer",
"mouse",
"interaction",
"action",
"navigation",
"select",
""
],
"aliases": [
""
],
"description": "The Cursor Click icon represents a cursor or pointer in the act of clicking, often used to signify user interaction or selection within a UI. It visually indicates that an action is required, such as clicking a button, selecting a link, or triggering a function. This icon is commonly used in interactive elements to guide users on where they can click or perform actions.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/19/2024, 11:32:20 AM"
},
"CursorClickFilled": {
"id": "CursorClickFilledMajor",
"name": "CursorClickFilled",
"set": "major",
"type": "filled",
"keywords": [
"cursor",
"click",
"pointer",
"mouse",
"interaction",
"action",
"navigation",
"select",
"filled cursor"
],
"aliases": [
""
],
"description": "The Cursor Click Filled icon represents a filled or solid version of the cursor in the act of clicking, providing a bolder, more prominent visual compared to the standard cursor icon. It is used to indicate user interaction, such as selecting, pressing, or activating elements within a UI. The filled design makes it more noticeable, emphasizing the action of clicking or pressing a UI element.",
"sizes": [
16,
20,
24,
28,
32,
48
],
"creation_date": "11/19/2024, 11:33:24 AM"
},
"DataBar": {
"id": "DataBarMajor",
"name": "DataBar",
"set": "major",
"type": "outline",
"keywords": [
"data",
"bar",
"chart",
"statistics",
"graph",
"bar chart",
"progress",
"analytics",
"visualization"
],
"aliases": [
""
],
"description": "The Data Bar icon represents a bar chart or graph, commonly used to visualize data