Skip to content

Commit

Permalink
[Feature]: Plus, Link 아이콘 생성 (#140)
Browse files Browse the repository at this point in the history
* feat: plus, link 아이콘 추가

* chore:changeset 작성
  • Loading branch information
eugene028 authored Aug 14, 2024
1 parent 1632731 commit ac27c6b
Show file tree
Hide file tree
Showing 6 changed files with 121 additions and 0 deletions.
5 changes: 5 additions & 0 deletions .changeset/real-gorillas-camp.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"wowds-icons": patch
---

Plus, Link 아이콘을 추가합니다.
50 changes: 50 additions & 0 deletions packages/wow-icons/src/component/Link.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
import { forwardRef } from "react";
import { color } from "wowds-tokens";

import type { IconProps } from "@/types/Icon.ts";

const Link = forwardRef<SVGSVGElement, IconProps>(
(
{
className,
width = "24",
height = "24",
viewBox = "0 0 24 24",
stroke = "white",
...rest
},
ref
) => {
return (
<svg
aria-label="link icon"
className={className}
fill="none"
height={height}
ref={ref}
viewBox={viewBox}
width={width}
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<g id="&#235;&#167;&#129;&#237;&#129;&#172;">
<path
d="M9.39984 16H2.75147V8H9.39984M14.5998 16H21.2495V8H14.5998"
id="Vector 497"
stroke={color[stroke]}
strokeWidth="1.4"
/>
<path
d="M17 12L7 12"
id="Vector 502"
stroke={color[stroke]}
strokeWidth="1.4"
/>
</g>
</svg>
);
}
);

Link.displayName = "Link";
export default Link;
52 changes: 52 additions & 0 deletions packages/wow-icons/src/component/Plus.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
import { forwardRef } from "react";
import { color } from "wowds-tokens";

import type { IconProps } from "@/types/Icon.ts";

const Plus = forwardRef<SVGSVGElement, IconProps>(
(
{
className,
width = "20",
height = "20",
viewBox = "0 0 20 20",
stroke = "white",
...rest
},
ref
) => {
return (
<svg
aria-label="plus icon"
className={className}
fill="none"
height={height}
ref={ref}
viewBox={viewBox}
width={width}
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<g id="+">
<path
d="M16 10H4"
id="Vector 497"
stroke={color[stroke]}
strokeLinejoin="bevel"
strokeWidth="1.4"
/>
<path
d="M10 16L10 4"
id="Vector 498"
stroke={color[stroke]}
strokeLinejoin="bevel"
strokeWidth="1.4"
/>
</g>
</svg>
);
}
);

Plus.displayName = "Plus";
export default Plus;
2 changes: 2 additions & 0 deletions packages/wow-icons/src/component/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@ export { default as Check } from "./Check.tsx";
export { default as Close } from "./Close.tsx";
export { default as DownArrow } from "./DownArrow.tsx";
export { default as Help } from "./Help.tsx";
export { default as Link } from "./Link.tsx";
export { default as Plus } from "./Plus.tsx";
export { default as RightArrow } from "./RightArrow.tsx";
export { default as Search } from "./Search.tsx";
export { default as Warn } from "./Warn.tsx";
6 changes: 6 additions & 0 deletions packages/wow-icons/src/svg/link.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions packages/wow-icons/src/svg/plus.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit ac27c6b

Please sign in to comment.