├── .nvmrc ├── pnpm-workspace.yaml ├── .prettierrc ├── icons.png ├── packages ├── radix-icons │ ├── .env.example │ ├── icons │ │ ├── square.svg │ │ ├── triangle-down.svg │ │ ├── triangle-left.svg │ │ ├── triangle-up.svg │ │ ├── triangle-right.svg │ │ ├── slash.svg │ │ ├── border-width.svg │ │ ├── vercel-logo.svg │ │ ├── all-sides.svg │ │ ├── columns.svg │ │ ├── divider-horizontal.svg │ │ ├── divider-vertical.svg │ │ ├── stop.svg │ │ ├── minus.svg │ │ ├── dot-filled.svg │ │ ├── dash.svg │ │ ├── align-bottom.svg │ │ ├── border-solid.svg │ │ ├── rows.svg │ │ ├── sewing-pin-filled.svg │ │ ├── transparency-grid.svg │ │ ├── laptop.svg │ │ ├── opacity.svg │ │ ├── align-top.svg │ │ ├── plus.svg │ │ ├── mask-on.svg │ │ ├── align-right.svg │ │ ├── blending-mode.svg │ │ ├── sewing-pin.svg │ │ ├── dot.svg │ │ ├── bookmark-filled.svg │ │ ├── box-model.svg │ │ ├── play.svg │ │ ├── chevron-down.svg │ │ ├── chevron-right.svg │ │ ├── chevron-up.svg │ │ ├── half-2.svg │ │ ├── component-boolean.svg │ │ ├── chevron-left.svg │ │ ├── text-align-left.svg │ │ ├── component-instance.svg │ │ ├── file.svg │ │ ├── check.svg │ │ ├── text-align-center.svg │ │ ├── text-align-right.svg │ │ ├── border-dashed.svg │ │ ├── caret-down.svg │ │ ├── caret-left.svg │ │ ├── caret-up.svg │ │ ├── caret-right.svg │ │ ├── trash.svg │ │ ├── box.svg │ │ ├── bookmark.svg │ │ ├── circle.svg │ │ ├── envelope-closed.svg │ │ ├── value.svg │ │ ├── magnifying-glass.svg │ │ ├── arrow-right.svg │ │ ├── card-stack.svg │ │ ├── align-left.svg │ │ ├── arrow-bottom-right.svg │ │ ├── clipboard.svg │ │ ├── layout.svg │ │ ├── arrow-bottom-left.svg │ │ ├── grid.svg │ │ ├── pause.svg │ │ ├── pilcrow.svg │ │ ├── stretch-vertically.svg │ │ ├── view-horizontal.svg │ │ ├── view-vertical.svg │ │ ├── arrow-top-right.svg │ │ ├── exclamation-mark.svg │ │ ├── half-1.svg │ │ ├── arrow-down.svg │ │ ├── arrow-top-left.svg │ │ ├── badge.svg │ │ ├── font-roman.svg │ │ ├── align-center-vertically.svg │ │ ├── view-grid.svg │ │ ├── arrow-left.svg │ │ ├── arrow-up.svg │ │ ├── filter.svg │ │ ├── font-italic.svg │ │ ├── table.svg │ │ ├── mobile.svg │ │ ├── dots-horizontal.svg │ │ ├── dots-vertical.svg │ │ ├── file-minus.svg │ │ ├── archive.svg │ │ ├── crop.svg │ │ ├── envelope-open.svg │ │ ├── lock-open-1.svg │ │ ├── hamburger-menu.svg │ │ ├── heart-filled.svg │ │ ├── text-align-justify.svg │ │ ├── pencil-1.svg │ │ ├── thick-arrow-up.svg │ │ ├── align-center-horizontally.svg │ │ ├── cube.svg │ │ ├── card-stack-minus.svg │ │ ├── eraser.svg │ │ ├── circle-backslash.svg │ │ ├── desktop.svg │ │ ├── stretch-horizontally.svg │ │ ├── view-none.svg │ │ ├── modulz-logo.svg │ │ ├── paper-plane.svg │ │ ├── pie-chart.svg │ │ ├── thick-arrow-down.svg │ │ ├── cross-2.svg │ │ ├── corner-top-left.svg │ │ ├── corner-top-right.svg │ │ ├── corner-bottom-left.svg │ │ ├── thick-arrow-right.svg │ │ ├── corner-bottom-right.svg │ │ ├── thick-arrow-left.svg │ │ ├── enter.svg │ │ ├── track-next.svg │ │ ├── track-previous.svg │ │ ├── copy.svg │ │ ├── cross-1.svg │ │ ├── mask-off.svg │ │ ├── resume.svg │ │ ├── zoom-out.svg │ │ ├── chat-bubble.svg │ │ ├── radiobutton.svg │ │ ├── eye-open.svg │ │ ├── keyboard.svg │ │ ├── commit.svg │ │ ├── exit-full-screen.svg │ │ ├── minus-circled.svg │ │ ├── slider.svg │ │ ├── font-bold.svg │ │ ├── lock-closed.svg │ │ ├── lock-open-2.svg │ │ ├── underline.svg │ │ ├── file-plus.svg │ │ ├── star-filled.svg │ │ ├── frame.svg │ │ ├── border-dotted.svg │ │ ├── checkbox.svg │ │ ├── reset.svg │ │ ├── card-stack-plus.svg │ │ ├── overline.svg │ │ ├── space-between-vertically.svg │ │ ├── enter-full-screen.svg │ │ ├── linkedin-logo.svg │ │ ├── hobby-knife.svg │ │ ├── pin-top.svg │ │ ├── size.svg │ │ ├── strikethrough.svg │ │ ├── pin-bottom.svg │ │ ├── pin-left.svg │ │ ├── open-in-new-window.svg │ │ ├── backpack.svg │ │ ├── component-none.svg │ │ ├── framer-logo.svg │ │ ├── pin-right.svg │ │ ├── zoom-in.svg │ │ ├── clock.svg │ │ ├── width.svg │ │ ├── height.svg │ │ ├── drawing-pin.svg │ │ ├── caret-sort.svg │ │ ├── double-arrow-down.svg │ │ ├── double-arrow-right.svg │ │ ├── double-arrow-up.svg │ │ ├── double-arrow-left.svg │ │ ├── home.svg │ │ ├── info-circled.svg │ │ ├── lightning-bolt.svg │ │ ├── download.svg │ │ ├── ruler-horizontal.svg │ │ ├── question-mark.svg │ │ ├── upload.svg │ │ ├── exit.svg │ │ ├── stack.svg │ │ ├── cursor-arrow.svg │ │ ├── file-text.svg │ │ ├── border-all.svg │ │ ├── check-circled.svg │ │ ├── space-between-horizontally.svg │ │ ├── plus-circled.svg │ │ ├── button.svg │ │ ├── crosshair-1.svg │ │ ├── crosshair-2.svg │ │ ├── exclamation-circled.svg │ │ ├── minimize.svg │ │ ├── bar-chart.svg │ │ ├── disc.svg │ │ ├── exclamation-triangle.svg │ │ ├── space-evenly-vertically.svg │ │ ├── value-none.svg │ │ ├── camera.svg │ │ ├── font-family.svg │ │ ├── color-wheel.svg │ │ └── countdown-timer.svg │ ├── src │ │ ├── types.tsx │ │ ├── SquareIcon.tsx │ │ ├── TriangleUpIcon.tsx │ │ ├── SlashIcon.tsx │ │ ├── TriangleDownIcon.tsx │ │ ├── TriangleLeftIcon.tsx │ │ ├── TriangleRightIcon.tsx │ │ ├── BorderWidthIcon.tsx │ │ ├── VercelLogoIcon.tsx │ │ ├── StopIcon.tsx │ │ ├── AllSidesIcon.tsx │ │ ├── ColumnsIcon.tsx │ │ ├── MinusIcon.tsx │ │ ├── DashIcon.tsx │ │ ├── DotFilledIcon.tsx │ │ ├── DividerVerticalIcon.tsx │ │ ├── DividerHorizontalIcon.tsx │ │ ├── RowsIcon.tsx │ │ ├── AlignBottomIcon.tsx │ │ ├── BorderSolidIcon.tsx │ │ ├── LaptopIcon.tsx │ │ ├── OpacityIcon.tsx │ │ ├── SewingPinFilledIcon.tsx │ │ ├── AlignTopIcon.tsx │ │ ├── TransparencyGridIcon.tsx │ │ ├── PlusIcon.tsx │ │ ├── MaskOnIcon.tsx │ │ ├── AlignRightIcon.tsx │ │ ├── DotIcon.tsx │ │ ├── SewingPinIcon.tsx │ │ ├── PlayIcon.tsx │ │ ├── BlendingModeIcon.tsx │ │ ├── BoxModelIcon.tsx │ │ ├── Half2Icon.tsx │ │ ├── ChevronUpIcon.tsx │ │ ├── ChevronDownIcon.tsx │ │ ├── BookmarkFilledIcon.tsx │ │ ├── FileIcon.tsx │ │ ├── CheckIcon.tsx │ │ ├── ChevronRightIcon.tsx │ │ ├── BoxIcon.tsx │ │ ├── CaretUpIcon.tsx │ │ ├── ChevronLeftIcon.tsx │ │ ├── TrashIcon.tsx │ │ ├── CaretDownIcon.tsx │ │ ├── CaretLeftIcon.tsx │ │ ├── CaretRightIcon.tsx │ │ ├── ComponentBooleanIcon.tsx │ │ ├── ValueIcon.tsx │ │ ├── CircleIcon.tsx │ │ ├── BookmarkIcon.tsx │ │ ├── TextAlignLeftIcon.tsx │ │ └── BorderDashedIcon.tsx │ ├── .gitignore │ ├── tsconfig.cjs.json │ └── tsconfig.json └── generate-icon-lib │ ├── src │ ├── templates │ │ ├── types.tsx │ │ └── entry.tsx.ejs │ └── consts.ts │ ├── tsconfig.json │ ├── index.js │ └── README.md ├── radix-icons.zip ├── context7.json ├── .prettierignore ├── .github ├── ISSUE_TEMPLATE │ ├── Documentation.md │ ├── Question.md │ └── Feature_request.md ├── PULL_REQUEST_TEMPLATE.md └── workflows │ └── build.yml ├── .editorconfig ├── .changeset ├── config.json ├── README.md └── free-otters-work.md ├── .gitignore ├── eslint.config.mjs └── README.md /.nvmrc: -------------------------------------------------------------------------------- 1 | 22 2 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - "packages/*" 3 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": true, 3 | "tabWidth": 2 4 | } 5 | -------------------------------------------------------------------------------- /icons.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radix-ui/icons/HEAD/icons.png -------------------------------------------------------------------------------- /packages/radix-icons/.env.example: -------------------------------------------------------------------------------- 1 | FIGMA_ACCESS_TOKEN="figd_..." 2 | -------------------------------------------------------------------------------- /radix-icons.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/radix-ui/icons/HEAD/radix-icons.zip -------------------------------------------------------------------------------- /context7.json: -------------------------------------------------------------------------------- 1 | { 2 | "url": "https://context7.com/radix-ui/icons", 3 | "public_key": "pk_q7NnKuFFXMWA7WnmjMHQU" 4 | } -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | build 2 | node_modules 3 | pnpm-lock.yaml 4 | storybook-static 5 | public 6 | .cache 7 | dist 8 | .next 9 | out 10 | .mdx-data 11 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/square.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/triangle-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/triangle-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/triangle-up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/types.tsx: -------------------------------------------------------------------------------- 1 | import type * as React from "react"; 2 | 3 | export interface IconProps extends React.SVGAttributes { 4 | children?: never; 5 | color?: string; 6 | } 7 | -------------------------------------------------------------------------------- /packages/radix-icons/.gitignore: -------------------------------------------------------------------------------- 1 | # The repo's directory contents are likely generated, 2 | # so we want to whitelist what we want to keep in git. 3 | 4 | .env 5 | .size-snapshot.json 6 | .rts2* 7 | dist 8 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/triangle-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/tsconfig.cjs.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "module": "CommonJS", 5 | "moduleResolution": "Node", 6 | "outDir": "dist/cjs" 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/slash.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/src/templates/types.tsx: -------------------------------------------------------------------------------- 1 | import type * as React from "react"; 2 | 3 | export interface IconProps extends React.SVGAttributes { 4 | children?: never; 5 | color?: string; 6 | } 7 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/src/templates/entry.tsx.ejs: -------------------------------------------------------------------------------- 1 | <% for (const i in icons) { -%> 2 | export { default as <%- iconToComponentName(icons[i]) %> } from "./<%- stripExtension(iconToReactFileName(icons[i])) %>.js"; 3 | <% } %> 4 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/border-width.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/src/consts.ts: -------------------------------------------------------------------------------- 1 | export const FILE_PATH_MANIFEST = "manifest.json"; 2 | export const FILE_PATH_ENTRY = "src/index.tsx"; 3 | export const FILE_PATH_TYPES = "src/types.tsx"; 4 | export const FOLDER_PATH_ICONS = "../../packages/radix-icons"; 5 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/vercel-logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/all-sides.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/columns.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/divider-horizontal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/divider-vertical.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/stop.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/minus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/dot-filled.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/dash.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/align-bottom.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/border-solid.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/rows.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/sewing-pin-filled.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/transparency-grid.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/Documentation.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: "Documentation" 3 | about: "Suggestions for Radix documentation" 4 | --- 5 | 6 | ## Documentation 7 | 8 | ### Relevant Radix Icon(s) 9 | 10 | 11 | 12 | ### Examples from other doc sites 13 | 14 | 15 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/laptop.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = tab 6 | indent_size = 2 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | 12 | # Use 4 spaces for the Python files 13 | [*.{yml,yaml}] 14 | indent_size = 2 15 | indent_style = space 16 | 17 | [*.{md,mdx}] 18 | trim_trailing_whitespace = false 19 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/opacity.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/align-top.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.changeset/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json", 3 | "changelog": "@changesets/cli/changelog", 4 | "access": "public", 5 | "commit": false, 6 | "fixed": [], 7 | "linked": [], 8 | "baseBranch": "main", 9 | "updateInternalDependencies": "patch", 10 | "snapshot": { 11 | "useCalculatedVersion": true, 12 | "prereleaseTemplate": "rc.{timestamp}" 13 | }, 14 | "ignore": [] 15 | } 16 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "module": "nodenext", 4 | "esModuleInterop": true, 5 | "target": "esnext", 6 | "moduleResolution": "nodenext", 7 | "sourceMap": true, 8 | "baseUrl": ".", 9 | "jsx": "react-jsx", 10 | "strict": true, 11 | "noImplicitAny": true 12 | }, 13 | "include": ["src/**/*"], 14 | "ts-node": { 15 | "compilerOptions": { 16 | "module": "esnext" 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/plus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/mask-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/align-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/blending-mode.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/sewing-pin.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/Question.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: "Question" 3 | about: "For usage questions, please use Stack Overflow or use GitHub Discussions" 4 | --- 5 | 6 | ## Question 7 | 8 | For usage questions, please use Stack Overflow or use [GitHub Discussions](https://github.com/radix-ui/icons/discussions) instead of posting an issue. This helps us keep bugs and feature requests prioritized, and it increases the likelihood that more people see your question and can answer it more quickly! 9 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/dot.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/bookmark-filled.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | public/* 14 | !public/noflash.js 15 | 16 | # misc 17 | .DS_Store 18 | .env.local 19 | .env.development.local 20 | .env.test.local 21 | .env.production.local 22 | 23 | *.log* 24 | 25 | # build 26 | .rpt2_cache/ 27 | dist/ 28 | 29 | .vercel 30 | !radix-icons.zip 31 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/box-model.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/play.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/chevron-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/chevron-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/chevron-up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/half-2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/Feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: "Feature request" 3 | about: "Suggest an idea for a feature or a new icon" 4 | --- 5 | 6 | ## Feature request 7 | 8 | ### Overview 9 | 10 | 11 | 12 | ### Examples in other libraries 13 | 14 | 15 | 16 | ### Additional context 17 | 18 | 19 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/component-boolean.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/chevron-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/text-align-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.changeset/README.md: -------------------------------------------------------------------------------- 1 | # Changesets 2 | 3 | Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works 4 | with multi-package repos, or single-package repos to help you version and publish your code. You can 5 | find the full documentation for it [in our repository](https://github.com/changesets/changesets) 6 | 7 | We have a quick list of common questions to get you started engaging with this project in 8 | [our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md) 9 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/component-instance.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/file.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/check.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/text-align-center.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/text-align-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/border-dashed.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/caret-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/caret-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/caret-up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/caret-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/trash.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/box.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/bookmark.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/circle.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/envelope-closed.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/value.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/magnifying-glass.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/arrow-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/card-stack.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/align-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/arrow-bottom-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/clipboard.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/layout.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /eslint.config.mjs: -------------------------------------------------------------------------------- 1 | // @ts-check 2 | import * as react from "@chance/eslint/react"; 3 | import * as js from "@chance/eslint"; 4 | import * as typescript from "@chance/eslint/typescript"; 5 | import { globals } from "@chance/eslint/globals"; 6 | 7 | /** @type {import("eslint").Linter.Config[]} */ 8 | export default [ 9 | { ignores: ["node_modules", "**/dist"] }, 10 | { ...js.getConfig({ ...globals.node, ...globals.browser }) }, 11 | typescript.config, 12 | { 13 | ...react.config, 14 | rules: { 15 | ...react.rules, 16 | "react/forbid-foreign-prop-types": "off", 17 | }, 18 | }, 19 | ]; 20 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/arrow-bottom-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/grid.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/pause.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/pilcrow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/stretch-vertically.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/view-horizontal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/view-vertical.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/arrow-top-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/exclamation-mark.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/half-1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/arrow-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/arrow-top-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/badge.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/font-roman.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/align-center-vertically.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/view-grid.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/arrow-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/arrow-up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/filter.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/font-italic.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/table.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/SquareIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const SquareIcon = React.forwardRef( 5 | function SquareIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 17 | 18 | ); 19 | }, 20 | ); 21 | 22 | export default SquareIcon; 23 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/mobile.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/TriangleUpIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const TriangleUpIcon = React.forwardRef( 5 | function TriangleUpIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 17 | 18 | ); 19 | }, 20 | ); 21 | 22 | export default TriangleUpIcon; 23 | -------------------------------------------------------------------------------- /packages/radix-icons/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "include": ["src"], 3 | "exclude": ["node_modules", "dist"], 4 | "compilerOptions": { 5 | "forceConsistentCasingInFileNames": true, 6 | "declaration": true, 7 | "declarationMap": true, 8 | "esModuleInterop": true, 9 | "incremental": false, 10 | "isolatedModules": true, 11 | "lib": ["ESNext", "DOM", "DOM.Iterable"], 12 | "moduleDetection": "force", 13 | "moduleResolution": "NodeNext", 14 | "noUncheckedIndexedAccess": true, 15 | "outDir": "dist", 16 | "skipLibCheck": true, 17 | "strict": true, 18 | "target": "ES2022", 19 | "jsx": "react", 20 | "module": "NodeNext" 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/dots-horizontal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/dots-vertical.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/file-minus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/archive.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/crop.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/envelope-open.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/SlashIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const SlashIcon = React.forwardRef( 5 | function SlashIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default SlashIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/TriangleDownIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const TriangleDownIcon = React.forwardRef( 5 | function TriangleDownIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default TriangleDownIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/TriangleLeftIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const TriangleLeftIcon = React.forwardRef( 5 | function TriangleLeftIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default TriangleLeftIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/TriangleRightIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const TriangleRightIcon = React.forwardRef( 5 | function TriangleRightIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default TriangleRightIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/lock-open-1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/hamburger-menu.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/heart-filled.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/index.js: -------------------------------------------------------------------------------- 1 | #! /usr/bin/env node 2 | // @ts-check 3 | 4 | /* 5 | |------------------------------------------------------------------------------- 6 | | Setup CLI with env and typescript support. 7 | | We don't have to bother compiling the TS because this package isn't published. 8 | */ 9 | import path from "path"; 10 | import { tsImport } from "tsx/esm/api"; 11 | import dotenv from "dotenv"; 12 | 13 | dotenv.config({ 14 | path: path.resolve(process.cwd(), ".env"), 15 | }); 16 | 17 | /* 18 | |------------------------------------------------------------------------------- 19 | | Start the CLI! Vroom vroom 20 | */ 21 | 22 | await tsImport("./src/cli.ts", import.meta.url); 23 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/text-align-justify.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/pencil-1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/thick-arrow-up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/align-center-horizontally.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/cube.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/BorderWidthIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const BorderWidthIcon = React.forwardRef( 5 | function BorderWidthIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default BorderWidthIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/card-stack-minus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/eraser.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/circle-backslash.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/desktop.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/stretch-horizontally.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/view-none.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/modulz-logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/paper-plane.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/pie-chart.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/thick-arrow-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/cross-2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/VercelLogoIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const VercelLogoIcon = React.forwardRef( 5 | function VercelLogoIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default VercelLogoIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/corner-top-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/corner-top-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [![Radix Icons Logo](icons.png)](https://radix-ui.com/icons) 2 | 3 | # Radix Icons 4 | 5 | A crisp set of 15×15 icons designed by the [WorkOS](https://workos.com) team. 6 | 7 | --- 8 | 9 | ## Documentation 10 | 11 | For full documentation, visit [radix-ui.com/icons](https://radix-ui.com/icons). 12 | 13 | ## Authors 14 | 15 | - Vlad Moroz ([@vladyslavmoroz](https://twitter.com/vladyslavmoroz)) 16 | - Colm Tuite ([@colmtuite](https://twitter.com/colmtuite)) 17 | - Pedro Duarte ([@peduarte](https://twitter.com/peduarte)) 18 | - Lochlan Bunn ([@loklaan](https://twitter.com/loklaan)) 19 | 20 | ## License 21 | 22 | Licensed under the MIT License, Copyright © 2022-present WorkOS. 23 | 24 | See [LICENSE](./LICENSE) for more information. 25 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/corner-bottom-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/thick-arrow-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/corner-bottom-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/thick-arrow-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/StopIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const StopIcon = React.forwardRef( 5 | function StopIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default StopIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/enter.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/track-next.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/track-previous.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.changeset/free-otters-work.md: -------------------------------------------------------------------------------- 1 | --- 2 | "@radix-ui/react-icons": major 3 | --- 4 | 5 | - Added new icons: 6 | - `Database` 7 | - `ExclamationCircled` 8 | - `ExclamationMark` 9 | - `Filter` 10 | - `Globe2` 11 | - `Minimize` 12 | - `PanelBottom` 13 | - `PanelBottomMinimized` 14 | - `PanelLeft` 15 | - `PanelLeftMinimized` 16 | - `PanelRight` 17 | - `PanelRightMinimized` 18 | - `People` 19 | - `Server` 20 | - Build output is no longer bundled into a single entrypoint. Icons are still exported from a main entrypoint, but separate chunks are maintained for better tree-shaking. 21 | - Updated SVGO to further reduces the size of the icons. The resulting SVGs no longer include `fill-rule="evenodd"` or `clip-rule="evenodd"` where they are not needed. 22 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/copy.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/cross-1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/mask-off.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/resume.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/zoom-out.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/AllSidesIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const AllSidesIcon = React.forwardRef( 5 | function AllSidesIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default AllSidesIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/ColumnsIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const ColumnsIcon = React.forwardRef( 5 | function ColumnsIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default ColumnsIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/chat-bubble.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/radiobutton.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/MinusIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const MinusIcon = React.forwardRef( 5 | function MinusIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default MinusIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/eye-open.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/keyboard.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/commit.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/exit-full-screen.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/minus-circled.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/slider.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/font-bold.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/lock-closed.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/lock-open-2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | 6 | 7 | ### Description 8 | 9 | 10 | 11 | ### Checklist 12 | 13 | - [ ] Figma: icon shapes use “Scale” constraint 14 | - [ ] Figma: icon components are sorted Z-A in the file 15 | - [ ] Figma: icon components are built with a single union or compound shape when possible 16 | - [ ] Figma: library changes are published 17 | - [ ] SVG: icons render correctly in a browser 18 | - [ ] SVG: icons are exported with `width="15" height="15" viewBox="0 0 15 15"` 19 | - [ ] SVG: no icons are exported with `stroke` 20 | - [ ] SVG: no icons are exported with `clip-path` 21 | - [ ] SVG: no icons exceed 5 KB 22 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/underline.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/DashIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const DashIcon = React.forwardRef( 5 | function DashIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default DashIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/file-plus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/star-filled.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/DotFilledIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const DotFilledIcon = React.forwardRef( 5 | function DotFilledIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default DotFilledIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/frame.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/DividerVerticalIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const DividerVerticalIcon = React.forwardRef( 5 | function DividerVerticalIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 23 | 24 | ); 25 | }, 26 | ); 27 | 28 | export default DividerVerticalIcon; 29 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/border-dotted.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/checkbox.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/DividerHorizontalIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const DividerHorizontalIcon = React.forwardRef( 5 | function DividerHorizontalIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 23 | 24 | ); 25 | }, 26 | ); 27 | 28 | export default DividerHorizontalIcon; 29 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/reset.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/card-stack-plus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/overline.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/RowsIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const RowsIcon = React.forwardRef( 5 | function RowsIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default RowsIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/space-between-vertically.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/AlignBottomIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const AlignBottomIcon = React.forwardRef( 5 | function AlignBottomIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default AlignBottomIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/enter-full-screen.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/linkedin-logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/BorderSolidIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const BorderSolidIcon = React.forwardRef( 5 | function BorderSolidIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default BorderSolidIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/hobby-knife.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/pin-top.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/size.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/strikethrough.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/LaptopIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const LaptopIcon = React.forwardRef( 5 | function LaptopIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default LaptopIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/pin-bottom.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/pin-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/OpacityIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const OpacityIcon = React.forwardRef( 5 | function OpacityIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default OpacityIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/SewingPinFilledIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const SewingPinFilledIcon = React.forwardRef( 5 | function SewingPinFilledIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 23 | 24 | ); 25 | }, 26 | ); 27 | 28 | export default SewingPinFilledIcon; 29 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/open-in-new-window.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/backpack.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/component-none.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/framer-logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/pin-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/zoom-in.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/clock.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/width.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/AlignTopIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const AlignTopIcon = React.forwardRef( 5 | function AlignTopIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default AlignTopIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/height.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/drawing-pin.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/TransparencyGridIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const TransparencyGridIcon = React.forwardRef( 5 | function TransparencyGridIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 24 | 25 | ); 26 | }, 27 | ); 28 | 29 | export default TransparencyGridIcon; 30 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/caret-sort.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/double-arrow-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/PlusIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const PlusIcon = React.forwardRef( 5 | function PlusIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default PlusIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/double-arrow-right.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/double-arrow-up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/double-arrow-left.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/home.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.github/workflows/build.yml: -------------------------------------------------------------------------------- 1 | name: Build 2 | 3 | on: 4 | pull_request: 5 | branches: 6 | - main 7 | 8 | concurrency: 9 | group: ${{ github.workflow }}-${{ github.ref }} 10 | cancel-in-progress: true 11 | 12 | jobs: 13 | test: 14 | runs-on: ubuntu-latest 15 | steps: 16 | - name: Checkout 17 | uses: actions/checkout@v4 18 | 19 | - name: Setup pnpm 20 | uses: pnpm/action-setup@v4 21 | with: 22 | run_install: false 23 | 24 | - name: Setup Node 25 | uses: actions/setup-node@v4 26 | with: 27 | node-version-file: ".nvmrc" 28 | cache: "pnpm" 29 | 30 | - name: Install dependencies 31 | run: pnpm install --frozen-lockfile 32 | 33 | - name: Lint 34 | run: pnpm lint 35 | 36 | - name: Run build 37 | run: pnpm build 38 | 39 | # - name: Run tests 40 | # run: pnpm test:ci 41 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/info-circled.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/lightning-bolt.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/MaskOnIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const MaskOnIcon = React.forwardRef( 5 | function MaskOnIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default MaskOnIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/download.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/ruler-horizontal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/AlignRightIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const AlignRightIcon = React.forwardRef( 5 | function AlignRightIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default AlignRightIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/question-mark.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/DotIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const DotIcon = React.forwardRef( 5 | function DotIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default DotIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/SewingPinIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const SewingPinIcon = React.forwardRef( 5 | function SewingPinIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default SewingPinIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/upload.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/exit.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/stack.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/PlayIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const PlayIcon = React.forwardRef( 5 | function PlayIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default PlayIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/cursor-arrow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/BlendingModeIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const BlendingModeIcon = React.forwardRef( 5 | function BlendingModeIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 23 | 24 | ); 25 | }, 26 | ); 27 | 28 | export default BlendingModeIcon; 29 | -------------------------------------------------------------------------------- /packages/radix-icons/src/BoxModelIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const BoxModelIcon = React.forwardRef( 5 | function BoxModelIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default BoxModelIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/Half2Icon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const Half2Icon = React.forwardRef( 5 | function Half2Icon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default Half2Icon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/file-text.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/ChevronUpIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const ChevronUpIcon = React.forwardRef( 5 | function ChevronUpIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default ChevronUpIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/border-all.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/check-circled.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/space-between-horizontally.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/plus-circled.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/ChevronDownIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const ChevronDownIcon = React.forwardRef( 5 | function ChevronDownIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default ChevronDownIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/BookmarkFilledIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const BookmarkFilledIcon = React.forwardRef( 5 | function BookmarkFilledIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 23 | 24 | ); 25 | }, 26 | ); 27 | 28 | export default BookmarkFilledIcon; 29 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/button.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/crosshair-1.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/FileIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const FileIcon = React.forwardRef( 5 | function FileIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default FileIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/crosshair-2.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/exclamation-circled.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/CheckIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const CheckIcon = React.forwardRef( 5 | function CheckIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default CheckIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/ChevronRightIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const ChevronRightIcon = React.forwardRef( 5 | function ChevronRightIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 23 | 24 | ); 25 | }, 26 | ); 27 | 28 | export default ChevronRightIcon; 29 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/minimize.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/BoxIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const BoxIcon = React.forwardRef( 5 | function BoxIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default BoxIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/CaretUpIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const CaretUpIcon = React.forwardRef( 5 | function CaretUpIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default CaretUpIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/ChevronLeftIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const ChevronLeftIcon = React.forwardRef( 5 | function ChevronLeftIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default ChevronLeftIcon; 26 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/README.md: -------------------------------------------------------------------------------- 1 | # @modulz/generate-icon-lib 2 | 3 | ## Usage 4 | 5 | ```shell 6 | generate-icon-lib --file= 7 | ``` 8 | 9 | _The `figma-file-key` can be sourced from the link to a Figma document:_ 10 | 11 | - `https://www.figma.com/file/` 12 | 13 | ### Authentication with Figma 14 | 15 | Go to your Account Settings in Figma to create a Personal Access Token. 16 | 17 | This can be provided to `generate-icon-lib` via the `FIGMA_ACCESS_TOKEN` environment variable. 18 | 19 | Create an `.env` file an intended directory for easy reuse: 20 | 21 | ```shell 22 | echo "FIGMA_ACCESS_TOKEN=" >> packages/radix-icons/.env 23 | ``` 24 | 25 | ## Future 26 | 27 | - [ ] Support importing from a directory of SVGs 28 | - [ ] Allow the CLI to re-run on existing SVGs in a package ie. after changing the React component template 29 | 30 | ## License 31 | 32 | Licensed under the MIT License, Copyright © 2022-present WorkOS. 33 | 34 | See [LICENSE](./LICENSE.md) for more information. 35 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/bar-chart.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/TrashIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const TrashIcon = React.forwardRef( 5 | function TrashIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default TrashIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/disc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/CaretDownIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const CaretDownIcon = React.forwardRef( 5 | function CaretDownIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default CaretDownIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/CaretLeftIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const CaretLeftIcon = React.forwardRef( 5 | function CaretLeftIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default CaretLeftIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/exclamation-triangle.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/CaretRightIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const CaretRightIcon = React.forwardRef( 5 | function CaretRightIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default CaretRightIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/ComponentBooleanIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const ComponentBooleanIcon = React.forwardRef( 5 | function ComponentBooleanIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 23 | 24 | ); 25 | }, 26 | ); 27 | 28 | export default ComponentBooleanIcon; 29 | -------------------------------------------------------------------------------- /packages/radix-icons/src/ValueIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const ValueIcon = React.forwardRef( 5 | function ValueIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default ValueIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/src/CircleIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const CircleIcon = React.forwardRef( 5 | function CircleIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default CircleIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/space-evenly-vertically.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/value-none.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/BookmarkIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const BookmarkIcon = React.forwardRef( 5 | function BookmarkIcon({ color = "currentColor", ...props }, forwardedRef) { 6 | return ( 7 | 16 | 20 | 21 | ); 22 | }, 23 | ); 24 | 25 | export default BookmarkIcon; 26 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/camera.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/font-family.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/TextAlignLeftIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const TextAlignLeftIcon = React.forwardRef( 5 | function TextAlignLeftIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 23 | 24 | ); 25 | }, 26 | ); 27 | 28 | export default TextAlignLeftIcon; 29 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/color-wheel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/icons/countdown-timer.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /packages/radix-icons/src/BorderDashedIcon.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import type { IconProps } from "./types.js"; 3 | 4 | export const BorderDashedIcon = React.forwardRef( 5 | function BorderDashedIcon( 6 | { color = "currentColor", ...props }, 7 | forwardedRef, 8 | ) { 9 | return ( 10 | 19 | 23 | 24 | ); 25 | }, 26 | ); 27 | 28 | export default BorderDashedIcon; 29 | --------------------------------------------------------------------------------