-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #230 from sopt-makers/feat/icon
feat(icon): currentColor 적용, Logo 및 location 추가
- Loading branch information
Showing
21 changed files
with
435 additions
and
66 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| --- | ||
| '@sopt-makers/icons': minor | ||
| --- | ||
|
|
||
| Fix white -> currentColor, add Logo and Communication/location |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,10 @@ | ||
| export * from "./src/Communication/index"; | ||
| export * from "./src/Editor/index"; | ||
| export * from "./src/Feedback/index"; | ||
| export * from "./src/Files/index"; | ||
| export * from "./src/General/index"; | ||
| export * from "./src/Interaction/index"; | ||
| export * from "./src/Media/index"; | ||
| export * from "./src/Time/index"; | ||
| export * from "./src/Users/index"; | ||
| export * from './src/Communication/index'; | ||
| export * from './src/Editor/index'; | ||
| export * from './src/Feedback/index'; | ||
| export * from './src/Files/index'; | ||
| export * from './src/General/index'; | ||
| export * from './src/Interaction/index'; | ||
| export * from './src/Media/index'; | ||
| export * from './src/Time/index'; | ||
| export * from './src/Users/index'; | ||
| export * from './src/Logo/index'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import { HTMLAttributes, forwardRef } from 'react'; | ||
|
|
||
| interface IconLocationFilledProps extends HTMLAttributes<SVGSVGElement> {} | ||
|
|
||
| const IconLocationFilled = forwardRef<SVGSVGElement, IconLocationFilledProps>((props, ref) => { | ||
| return ( | ||
| <svg {...props} ref={ref} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> | ||
| <path | ||
| fill-rule='evenodd' | ||
| clip-rule='evenodd' | ||
| d='M3.73697 9.91307C3.73697 5.34951 7.43646 1.65002 12 1.65002C16.5636 1.65002 20.2631 5.34951 20.2631 9.91307C20.2631 11.163 19.8561 12.453 19.2693 13.674C18.6796 14.9012 17.8857 16.1046 17.0591 17.1941C15.4065 19.3726 13.5754 21.1575 12.8395 21.8469C12.3661 22.2904 11.6339 22.2905 11.1605 21.8469C10.4246 21.1575 8.59356 19.3726 6.94089 17.1941C6.11437 16.1046 5.32047 14.9012 4.7307 13.674C4.14389 12.453 3.73697 11.163 3.73697 9.91307ZM8.85031 9.60019C8.85031 7.8605 10.2606 6.4502 12.0003 6.4502C13.74 6.4502 15.1503 7.8605 15.1503 9.60019C15.1503 11.3399 13.74 12.7502 12.0003 12.7502C10.2606 12.7502 8.85031 11.3399 8.85031 9.60019Z' | ||
| fill='currentColor' | ||
| /> | ||
| </svg> | ||
| ); | ||
| }); | ||
|
|
||
| export default IconLocationFilled; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import { HTMLAttributes, forwardRef } from 'react'; | ||
|
|
||
| interface IconLocationProps extends HTMLAttributes<SVGSVGElement> {} | ||
|
|
||
| const IconLocation = forwardRef<SVGSVGElement, IconLocationProps>((props, ref) => { | ||
| return ( | ||
| <svg {...props} ref={ref} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> | ||
| <path | ||
| fill-rule='evenodd' | ||
| clip-rule='evenodd' | ||
| d='M12.2436 3.15002C8.50848 3.15002 5.48056 6.17794 5.48056 9.91307C5.48056 10.8524 5.79135 11.9112 6.32626 13.0243C6.85821 14.1311 7.59002 15.2469 8.37951 16.2875C9.83471 18.2057 11.4451 19.8159 12.2436 20.5765C13.0421 19.8159 14.6525 18.2057 16.1077 16.2875C16.8972 15.2469 17.629 14.1311 18.1609 13.0243C18.6959 11.9112 19.0066 10.8524 19.0066 9.91307C19.0066 6.17794 15.9787 3.15002 12.2436 3.15002ZM3.98056 9.91307C3.98056 5.34951 7.68005 1.65002 12.2436 1.65002C16.8072 1.65002 20.5066 5.34951 20.5066 9.91307C20.5066 11.163 20.0997 12.453 19.5129 13.674C18.9232 14.9012 18.1292 16.1046 17.3027 17.1941C15.6501 19.3726 13.819 21.1575 13.0831 21.8469C12.6097 22.2904 11.8775 22.2905 11.4041 21.8469C10.6682 21.1575 8.83715 19.3726 7.18448 17.1941C6.35796 16.1046 5.56406 14.9012 4.97429 13.674C4.38748 12.453 3.98056 11.163 3.98056 9.91307ZM12.2439 7.95018C11.3326 7.95018 10.5939 8.68891 10.5939 9.60018C10.5939 10.5114 11.3326 11.2502 12.2439 11.2502C13.1552 11.2502 13.8939 10.5114 13.8939 9.60018C13.8939 8.68891 13.1552 7.95018 12.2439 7.95018ZM9.09391 9.60018C9.09391 7.86048 10.5042 6.45018 12.2439 6.45018C13.9836 6.45018 15.3939 7.86048 15.3939 9.60018C15.3939 11.3399 13.9836 12.7502 12.2439 12.7502C10.5042 12.7502 9.09391 11.3399 9.09391 9.60018Z' | ||
| fill='currentColor' | ||
| /> | ||
| </svg> | ||
| ); | ||
| }); | ||
|
|
||
| export default IconLocation; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,53 +1,45 @@ | ||
| import { HTMLAttributes, forwardRef } from "react"; | ||
| import { HTMLAttributes, forwardRef } from 'react'; | ||
|
|
||
| interface IconDotsVerticalProps extends HTMLAttributes<SVGSVGElement> {} | ||
|
|
||
| const IconDotsVertical = forwardRef<SVGSVGElement, IconDotsVerticalProps>( | ||
| (props, ref) => { | ||
| return ( | ||
| <svg | ||
| {...props} | ||
| ref={ref} | ||
| fill="none" | ||
| viewBox="0 0 24 24" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| > | ||
| <path | ||
| d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" | ||
| fill="white" | ||
| /> | ||
| <path | ||
| d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" | ||
| fill="white" | ||
| /> | ||
| <path | ||
| d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" | ||
| fill="white" | ||
| /> | ||
| <path | ||
| d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" | ||
| stroke="currentColor" | ||
| strokeWidth="1.5" | ||
| strokeLinecap="round" | ||
| strokeLinejoin="round" | ||
| /> | ||
| <path | ||
| d="M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z" | ||
| stroke="currentColor" | ||
| strokeWidth="1.5" | ||
| strokeLinecap="round" | ||
| strokeLinejoin="round" | ||
| /> | ||
| <path | ||
| d="M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z" | ||
| stroke="currentColor" | ||
| strokeWidth="1.5" | ||
| strokeLinecap="round" | ||
| strokeLinejoin="round" | ||
| /> | ||
| </svg> | ||
| ); | ||
| } | ||
| ); | ||
| const IconDotsVertical = forwardRef<SVGSVGElement, IconDotsVerticalProps>((props, ref) => { | ||
| return ( | ||
| <svg {...props} ref={ref} fill='none' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'> | ||
| <path | ||
| d='M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z' | ||
| fill='currentColor' | ||
| /> | ||
| <path | ||
| d='M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z' | ||
| fill='currentColor' | ||
| /> | ||
| <path | ||
| d='M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z' | ||
| fill='currentColor' | ||
| /> | ||
| <path | ||
| d='M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z' | ||
| stroke='currentColor' | ||
| strokeWidth='1.5' | ||
| strokeLinecap='round' | ||
| strokeLinejoin='round' | ||
| /> | ||
| <path | ||
| d='M12 6C12.5523 6 13 5.55228 13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5C11 5.55228 11.4477 6 12 6Z' | ||
| stroke='currentColor' | ||
| strokeWidth='1.5' | ||
| strokeLinecap='round' | ||
| strokeLinejoin='round' | ||
| /> | ||
| <path | ||
| d='M12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20Z' | ||
| stroke='currentColor' | ||
| strokeWidth='1.5' | ||
| strokeLinecap='round' | ||
| strokeLinejoin='round' | ||
| /> | ||
| </svg> | ||
| ); | ||
| }); | ||
|
|
||
| export default IconDotsVertical; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| import { HTMLAttributes, forwardRef } from 'react'; | ||
|
|
||
| interface IconAppleProps extends HTMLAttributes<SVGSVGElement> {} | ||
|
|
||
| const IconApple = forwardRef<SVGSVGElement, IconAppleProps>((props, ref) => { | ||
| return ( | ||
| <svg {...props} ref={ref} viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> | ||
| <path | ||
| d='M8.95557 21.9477C10.2363 21.9477 10.798 21.0602 12.3933 21.0602C13.9887 21.0602 14.3706 21.914 15.7862 21.914C17.2017 21.914 18.1117 20.5883 18.9993 19.2851C19.9879 17.7909 20.3924 16.3304 20.4261 16.263C20.3362 16.2406 17.6624 15.1059 17.6624 11.949C17.6624 9.20773 19.7745 7.97193 19.8868 7.88205C18.4937 5.81489 16.3704 5.76995 15.7974 5.76995C14.2358 5.76995 12.9551 6.74736 12.1462 6.74736C11.2811 6.74736 10.1352 5.82612 8.77582 5.82612C6.19187 5.82612 3.57422 8.0281 3.57422 12.1737C3.57422 14.7464 4.55163 17.4764 5.74249 19.2402C6.76483 20.7344 7.6636 21.959 8.95557 21.959V21.9477ZM12.2473 5.52279C13.1798 5.52279 14.3594 4.87119 15.0559 4.00613C15.6851 3.21971 16.1457 2.11872 16.1457 1.01773C16.1457 0.87168 16.1345 0.714396 16.1007 0.602051C15.0559 0.646989 13.8089 1.32106 13.0562 2.23106C12.4608 2.92761 11.9215 4.00613 11.9215 5.11835C11.9215 5.27563 11.944 5.44415 11.9664 5.50032C12.0338 5.51156 12.135 5.52279 12.2473 5.52279Z' | ||
| fill='currentColor' | ||
| /> | ||
| </svg> | ||
| ); | ||
| }); | ||
|
|
||
| export default IconApple; |
Oops, something went wrong.