Skip to content

Commit

Permalink
Add Bolt, SettingsWarning, SettingsNotification icon. Also re-generat…
Browse files Browse the repository at this point in the history 
…e icons with the new SVGO optimizations (#137)
  • Loading branch information
@alexasselin008
alexasselin008 authored Jan 29, 2024
2 parents b39723a + f2cb8af commit 9bae094
Show file tree
Hide file tree
Showing 404 changed files with 645 additions and 533 deletions.
17 changes: 17 additions & 0 deletions .changeset/metal-mice-study.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
---
"@hopper-ui/svg-icons": minor
---

**Added**

| SVG Name |
| ------------------------------------ |
| bolt-16.svg |
| bolt-24.svg |
| bolt-32.svg |
| settings-notification-16.svg |
| settings-notification-24.svg |
| settings-notification-32.svg |
| settings-warning-16.svg |
| settings-warning-24.svg |
| settings-warning-32.svg |
11 changes: 11 additions & 0 deletions .changeset/nasty-badgers-share.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
---
"@hopper-ui/icons": minor
---

**Added**

| SVG Name |
| ------------------------------------ |
| BoltIcon |
| SettingsNotificationIcon |
| SettingsWarningIcon |
1 change: 1 addition & 0 deletions packages/icons/scripts/constants.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,4 @@ export const IconSizes = [16, 24, 32] as const;

export const NeutralIconColor = "#3C3C3C"; // --hop-neutral-icon
export const PrimaryIconColor = "#3B57FF"; // --hop-primary-icon
export const WarningWeakIconColor = "#E57723"; // --hop-warning-icon-weak
5 changes: 3 additions & 2 deletions packages/icons/scripts/generate-components.ts
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { transform } from "@svgr/core";
import fs from "fs";
import path from "path";
import { PrimaryIconColor } from "./constants.ts";
import { PrimaryIconColor, WarningWeakIconColor } from "./constants.ts";
import type { MultiSourceIconSource } from "./fetch-svgs.ts";
import svgoConfig from "./svgo-config.ts";

Expand All @@ -28,7 +28,8 @@ export async function generateComponents(componentDirectory: string, icons: Mult
typescript: true,
ref: true,
replaceAttrValues: {
[PrimaryIconColor]: "var(--hop-primary-icon)"
[PrimaryIconColor]: "var(--hop-primary-icon)",
[WarningWeakIconColor]: "var(--hop-warning-icon-weak)"
},
jsxRuntime: "automatic",
svgoConfig: svgoConfig,
Expand Down
6 changes: 3 additions & 3 deletions packages/icons/src/generated-icon-components/AddUserIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
import { createIcon } from "../create-icon.tsx";
import { forwardRef, type Ref, type SVGProps } from "react";

const AddUserIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M7.984 2.502a5.482 5.482 0 0 0-3.778 9.454c.429-.907 1.098-1.67 1.926-2.16a3.016 3.016 0 1 1 3.877-.13c.2.101.396.217.586.347a.75.75 0 1 1-.844 1.24c-.562-.383-1.116-.548-1.476-.548-1.202 0-2.315.834-2.822 2.143a5.458 5.458 0 0 0 2.531.618.75.75 0 0 1 0 1.5 6.982 6.982 0 1 1 6.982-6.982.75.75 0 0 1-1.5 0 5.482 5.482 0 0 0-5.482-5.482m4.717 7.553a.75.75 0 0 1 .75.75v1.125h1.125a.75.75 0 1 1 0 1.5h-1.125v1.125a.75.75 0 0 1-1.5 0V13.43h-1.125a.75.75 0 0 1 0-1.5h1.125v-1.125a.75.75 0 0 1 .75-.75M7.993 5.906a1.516 1.516 0 1 0 0 3.033 1.516 1.516 0 0 0 0-3.033" /></svg>);
const AddUserIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M12.01 4.51a7.507 7.507 0 0 0-5.35 12.772c.606-1.364 1.612-2.489 2.864-3.151a3.813 3.813 0 1 1 4.858-.04c.266.135.53.29.785.464a.75.75 0 0 1-.844 1.24c-.815-.555-1.64-.81-2.212-.81-1.855 0-3.526 1.311-4.238 3.297a7.473 7.473 0 0 0 4.138 1.242.75.75 0 0 1 0 1.5 9.007 9.007 0 1 1 9.007-9.007.75.75 0 1 1-1.5 0A7.507 7.507 0 0 0 12.01 4.51m-.081 4.349a2.313 2.313 0 1 0 0 4.626 2.313 2.313 0 0 0 0-4.626" /><path d="M18.248 14.5a.75.75 0 0 1 .75.75v2.25h2.25a.75.75 0 1 1 0 1.5h-2.25v2.25a.75.75 0 1 1-1.5 0V19h-2.25a.75.75 0 0 1 0-1.5h2.25v-2.25a.75.75 0 0 1 .75-.75" /></svg>);
const AddUserIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M16.01 6C10.47 6 5.98 10.49 5.98 16.029c0 2.74 1.1 5.225 2.883 7.035.81-1.823 2.155-3.327 3.828-4.212a5.091 5.091 0 1 1 6.483-.053c.356.18.709.389 1.05.621a1 1 0 0 1-1.125 1.654c-1.089-.742-2.191-1.083-2.956-1.083-2.478 0-4.712 1.753-5.663 4.406a9.982 9.982 0 0 0 5.53 1.66 1 1 0 1 1 0 2c-6.644 0-12.03-5.385-12.03-12.028C3.98 9.385 9.367 4 16.01 4s12.028 5.385 12.028 12.029a1 1 0 1 1-2 0C26.038 10.49 21.548 6 16.01 6m-.11 5.81a3.091 3.091 0 1 0 0 6.181 3.091 3.091 0 0 0 0-6.182" /><path d="M24 19a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1" /></svg>);
const AddUserIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M7.984 2.502a5.482 5.482 0 0 0-3.778 9.454c.429-.907 1.098-1.67 1.926-2.16a3.016 3.016 0 1 1 3.877-.13q.3.152.586.347a.75.75 0 1 1-.844 1.24c-.562-.383-1.116-.548-1.476-.548-1.202 0-2.315.834-2.822 2.143a5.46 5.46 0 0 0 2.531.618.75.75 0 0 1 0 1.5 6.982 6.982 0 1 1 6.982-6.982.75.75 0 0 1-1.5 0 5.48 5.48 0 0 0-5.482-5.482m4.717 7.553a.75.75 0 0 1 .75.75v1.125h1.125a.75.75 0 1 1 0 1.5h-1.125v1.125a.75.75 0 0 1-1.5 0V13.43h-1.125a.75.75 0 0 1 0-1.5h1.125v-1.125a.75.75 0 0 1 .75-.75M7.993 5.906a1.516 1.516 0 1 0 0 3.033 1.516 1.516 0 0 0 0-3.033" /></svg>);
const AddUserIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M12.01 4.51a7.507 7.507 0 0 0-5.35 12.772c.606-1.364 1.612-2.489 2.864-3.151a3.813 3.813 0 1 1 4.858-.04q.4.203.785.464a.75.75 0 0 1-.844 1.24c-.815-.555-1.64-.81-2.212-.81-1.855 0-3.526 1.311-4.238 3.297a7.47 7.47 0 0 0 4.138 1.242.75.75 0 0 1 0 1.5 9.007 9.007 0 1 1 9.007-9.007.75.75 0 1 1-1.5 0A7.507 7.507 0 0 0 12.01 4.51m-.081 4.349a2.313 2.313 0 1 0 0 4.626 2.313 2.313 0 0 0 0-4.626" /><path d="M18.248 14.5a.75.75 0 0 1 .75.75v2.25h2.25a.75.75 0 1 1 0 1.5h-2.25v2.25a.75.75 0 1 1-1.5 0V19h-2.25a.75.75 0 0 1 0-1.5h2.25v-2.25a.75.75 0 0 1 .75-.75" /></svg>);
const AddUserIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M16.01 6C10.47 6 5.98 10.49 5.98 16.029c0 2.74 1.1 5.225 2.883 7.035.81-1.823 2.155-3.327 3.828-4.212a5.091 5.091 0 1 1 6.483-.053c.356.18.709.389 1.05.621a1 1 0 0 1-1.125 1.654c-1.089-.742-2.191-1.083-2.956-1.083-2.478 0-4.712 1.753-5.663 4.406a10 10 0 0 0 5.53 1.66 1 1 0 1 1 0 2c-6.644 0-12.03-5.385-12.03-12.028S9.367 4 16.01 4s12.028 5.385 12.028 12.029a1 1 0 1 1-2 0C26.038 10.49 21.548 6 16.01 6m-.11 5.81a3.091 3.091 0 1 0 0 6.181 3.091 3.091 0 0 0 0-6.182" /><path d="M24 19a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 1 1 0-2h3v-3a1 1 0 0 1 1-1" /></svg>);

export const AddUserIcon = createIcon(AddUserIcon16, AddUserIcon24, AddUserIcon32, "AddUserIcon");
6 changes: 3 additions & 3 deletions packages/icons/src/generated-icon-components/ArchiveIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
import { createIcon } from "../create-icon.tsx";
import { forwardRef, type Ref, type SVGProps } from "react";

const ArchiveIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M1 3.254c0-.69.56-1.25 1.25-1.25h11.5c.69 0 1.25.56 1.25 1.25V4.5a1.25 1.25 0 0 1-.999 1.225v7.024c0 .69-.56 1.25-1.25 1.25H3.25c-.69 0-1.25-.56-1.25-1.25V5.725A1.25 1.25 0 0 1 1 4.5zM3.499 5.75H12.5v6.749h-9V5.75ZM13.5 4.25h-11v-.746h11zM6.25 7.003a.75.75 0 1 0 0 1.5h3.5a.75.75 0 0 0 0-1.5z" /></svg>);
const ArchiveIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M2.909 5.245c0-.69.56-1.25 1.25-1.25h15.69c.69 0 1.25.56 1.25 1.25v2.226a1.25 1.25 0 0 1-1.089 1.24v10.037c0 .69-.56 1.25-1.25 1.25H5.247c-.69 0-1.25-.56-1.25-1.25V8.711A1.25 1.25 0 0 1 2.91 7.47V5.245m1.5.25v1.726H19.6V5.495H4.409Zm1.088 3.226v9.777H18.51V8.721H5.497M10 10a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5z" /></svg>);
const ArchiveIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M4.643 7.5a1.5 1.5 0 0 1 1.5-1.5h19.714a1.5 1.5 0 0 1 1.5 1.5v3.004a1.5 1.5 0 0 1-1.35 1.492V24.5a1.5 1.5 0 0 1-1.5 1.5H7.493a1.5 1.5 0 0 1-1.5-1.5V11.996a1.5 1.5 0 0 1-1.351-1.492V7.5m2 .5v2.004h18.714V8H6.643Zm1.35 4.004V24h16.013V12.004H7.994ZM13 14a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z" /></svg>);
const ArchiveIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M1 3.254c0-.69.56-1.25 1.25-1.25h11.5c.69 0 1.25.56 1.25 1.25V4.5a1.25 1.25 0 0 1-.999 1.225v7.024c0 .69-.56 1.25-1.25 1.25H3.25c-.69 0-1.25-.56-1.25-1.25V5.725A1.25 1.25 0 0 1 1 4.5zM3.499 5.75H12.5v6.749h-9zM13.5 4.25h-11v-.746h11zM6.25 7.003a.75.75 0 1 0 0 1.5h3.5a.75.75 0 0 0 0-1.5z" /></svg>);
const ArchiveIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M2.909 5.245c0-.69.56-1.25 1.25-1.25h15.69c.69 0 1.25.56 1.25 1.25v2.226a1.25 1.25 0 0 1-1.089 1.24v10.037c0 .69-.56 1.25-1.25 1.25H5.247c-.69 0-1.25-.56-1.25-1.25V8.711A1.25 1.25 0 0 1 2.91 7.47zm1.5.25v1.726h15.19V5.495zm1.088 3.226v9.777H18.51V8.721zM10 10a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5z" /></svg>);
const ArchiveIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M4.643 7.5a1.5 1.5 0 0 1 1.5-1.5h19.714a1.5 1.5 0 0 1 1.5 1.5v3.004a1.5 1.5 0 0 1-1.35 1.492V24.5a1.5 1.5 0 0 1-1.5 1.5H7.493a1.5 1.5 0 0 1-1.5-1.5V11.996a1.5 1.5 0 0 1-1.351-1.492zm2 .5v2.004h18.714V8zm1.35 4.004V24h16.013V12.004zM13 14a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z" /></svg>);

export const ArchiveIcon = createIcon(ArchiveIcon16, ArchiveIcon24, ArchiveIcon32, "ArchiveIcon");
2 changes: 1 addition & 1 deletion packages/icons/src/generated-icon-components/ArrowDownIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import { createIcon } from "../create-icon.tsx";
import { forwardRef, type Ref, type SVGProps } from "react";

const ArrowDownIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M8.006 1.001a.75.75 0 0 0-.75.75v10.697L3.424 8.615a.75.75 0 0 0-1.06 1.061l5.112 5.112a.75.75 0 0 0 1.068-.007l5.105-5.105a.75.75 0 1 0-1.06-1.06l-3.833 3.831V1.751a.75.75 0 0 0-.75-.75" /></svg>);
const ArrowDownIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M12 3.001a.75.75 0 0 0-.75.75v14.687l-4.973-4.972a.75.75 0 1 0-1.061 1.06l6.253 6.253a.748.748 0 0 0 1.06 0l6.253-6.252a.75.75 0 0 0-1.06-1.061l-4.973 4.972V3.751a.75.75 0 0 0-.75-.75" /></svg>);
const ArrowDownIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M12 3.001a.75.75 0 0 0-.75.75v14.687l-4.973-4.972a.75.75 0 1 0-1.061 1.06l6.253 6.253a.75.75 0 0 0 1.06 0l6.253-6.252a.75.75 0 0 0-1.06-1.061l-4.973 4.972V3.751a.75.75 0 0 0-.75-.75" /></svg>);
const ArrowDownIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M15.994 4.006a1 1 0 0 0-1 1v19.586l-7.296-7.295a1 1 0 1 0-1.414 1.414l9 9 .015.016a1 1 0 0 0 1.415 0l9.015-9.016a1 1 0 0 0-1.414-1.414l-7.321 7.321V5.006a1 1 0 0 0-1-1" /></svg>);

export const ArrowDownIcon = createIcon(ArrowDownIcon16, ArrowDownIcon24, ArrowDownIcon32, "ArrowDownIcon");
2 changes: 1 addition & 1 deletion packages/icons/src/generated-icon-components/ArrowLeftIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
import { createIcon } from "../create-icon.tsx";
import { forwardRef, type Ref, type SVGProps } from "react";

const ArrowLeftIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M7.395 3.423 3.563 7.255H14.26a.75.75 0 1 1 0 1.5H3.564l3.832 3.832a.75.75 0 1 1-1.061 1.06L1.232 8.544a.75.75 0 0 1-.01-1.07l5.113-5.112a.75.75 0 1 1 1.06 1.06" /></svg>);
const ArrowLeftIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M7.395 3.423 3.563 7.255H14.26a.75.75 0 1 1 0 1.5H3.564l3.832 3.832a.75.75 0 1 1-1.061 1.06L1.232 8.544l-.01-.01a.75.75 0 0 1 0-1.06l5.113-5.112a.75.75 0 1 1 1.06 1.06" /></svg>);
const ArrowLeftIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M10.533 5.217a.75.75 0 0 0-1.06 0L3.22 11.47a.75.75 0 0 0 0 1.06l6.252 6.253a.75.75 0 0 0 1.06-1.06l-4.97-4.973h14.687a.75.75 0 0 0 0-1.5H5.56l4.973-4.972a.75.75 0 0 0 0-1.061" /></svg>);
const ArrowLeftIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M14.723 6.29a1 1 0 0 0-1.414 0L4.3 15.298l-.008.008a.997.997 0 0 0 .007 1.421l9.009 9.009a1 1 0 0 0 1.414-1.415L7.4 17h19.612a1 1 0 1 0 0-2H7.427l7.296-7.295a1 1 0 0 0 0-1.415" /></svg>);

Expand Down
4 changes: 2 additions & 2 deletions packages/icons/src/generated-icon-components/ArrowRightIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import { createIcon } from "../create-icon.tsx";
import { forwardRef, type Ref, type SVGProps } from "react";

const ArrowRightIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M12.449 7.254 8.617 3.422a.75.75 0 0 1 1.06-1.06l5.103 5.103.01.01a.75.75 0 0 1 0 1.06l-5.112 5.112a.75.75 0 0 1-1.061-1.06l3.832-3.833H1.753a.75.75 0 1 1 0-1.5z" /></svg>);
const ArrowRightIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M13.465 5.217a.75.75 0 0 1 1.06 0l6.253 6.253a.76.76 0 0 1 .127.168.75.75 0 0 1-.127.892l-6.252 6.253a.75.75 0 1 1-1.06-1.06l4.971-4.973H3.75a.75.75 0 0 1 0-1.5h14.688l-4.973-4.972a.75.75 0 0 1 0-1.061" /></svg>);
const ArrowRightIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M17.29 6.29a1 1 0 0 1 1.414 0l9.008 9.008a.997.997 0 0 1 0 1.43l-9.008 9.008a1 1 0 0 1-1.414-1.415L24.612 17H5a1 1 0 1 1 0-2h19.586L17.29 7.705a1 1 0 0 1 0-1.415" /></svg>);
const ArrowRightIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M13.465 5.217a.75.75 0 0 1 1.06 0l6.253 6.253a.8.8 0 0 1 .127.168.75.75 0 0 1-.127.892l-6.252 6.253a.75.75 0 1 1-1.06-1.06l4.971-4.973H3.75a.75.75 0 0 1 0-1.5h14.688l-4.973-4.972a.75.75 0 0 1 0-1.061" /></svg>);
const ArrowRightIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M17.29 6.29a1 1 0 0 1 1.414 0l9.008 9.008.008.008a.997.997 0 0 1-.007 1.421l-9.009 9.009a1 1 0 0 1-1.414-1.415L24.612 17H5a1 1 0 1 1 0-2h19.586L17.29 7.705a1 1 0 0 1 0-1.415" /></svg>);

export const ArrowRightIcon = createIcon(ArrowRightIcon16, ArrowRightIcon24, ArrowRightIcon32, "ArrowRightIcon");
4 changes: 2 additions & 2 deletions packages/icons/src/generated-icon-components/ArrowUpIcon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import { createIcon } from "../create-icon.tsx";
import { forwardRef, type Ref, type SVGProps } from "react";

const ArrowUpIcon16 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={16} height={16} viewBox="0 0 16 16" ref={ref} {...props}><path fillRule="evenodd" d="M7.468 1.229 2.363 6.333a.75.75 0 0 0 1.061 1.061l3.832-3.832v10.696a.75.75 0 0 0 1.5 0V3.562l3.832 3.832a.75.75 0 0 0 1.06-1.06L8.538 1.22a.75.75 0 0 0-1.069.008" /></svg>);
const ArrowUpIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M18.782 10.534a.75.75 0 0 0 0-1.06L12.529 3.22a.749.749 0 0 0-1.06 0L5.216 9.474a.75.75 0 1 0 1.06 1.06l4.973-4.971V20.25a.75.75 0 0 0 1.5 0V5.56l4.972 4.973a.75.75 0 0 0 1.061 0" /></svg>);
const ArrowUpIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M25.73 14.73a1 1 0 0 0-.001-1.415l-9.008-9.008a.996.996 0 0 0-1.434.004l-9.003 9.004a1 1 0 0 0 1.414 1.414l7.321-7.321V27.02a1 1 0 1 0 2 0V7.434l7.296 7.295a1 1 0 0 0 1.414 0" /></svg>);
const ArrowUpIcon24 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={24} height={24} viewBox="0 0 24 24" ref={ref} {...props}><path fillRule="evenodd" d="M18.782 10.534a.75.75 0 0 0 0-1.06L12.529 3.22a.75.75 0 0 0-1.06 0L5.216 9.474a.75.75 0 1 0 1.06 1.06l4.973-4.971V20.25a.75.75 0 0 0 1.5 0V5.56l4.972 4.973a.75.75 0 0 0 1.061 0" /></svg>);
const ArrowUpIcon32 = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg width={32} height={32} viewBox="0 0 32 32" ref={ref} {...props}><path fillRule="evenodd" d="M25.73 14.73a1 1 0 0 0-.001-1.415l-9.008-9.008-.007-.008a.996.996 0 0 0-1.426.012l-9.004 9.004a1 1 0 0 0 1.414 1.414l7.321-7.321V27.02a1 1 0 1 0 2 0V7.434l7.296 7.295a1 1 0 0 0 1.414 0" /></svg>);

export const ArrowUpIcon = createIcon(ArrowUpIcon16, ArrowUpIcon24, ArrowUpIcon32, "ArrowUpIcon");
Loading

0 comments on commit 9bae094

Please sign in to comment.