Skip to content

Commit

Permalink
refactor: extend IconCatalog
Browse files Browse the repository at this point in the history
  • Loading branch information
@serudda
serudda committed Feb 5, 2024
1 parent 376ea00 commit e9160ac
Showing 1 changed file with 27 additions and 1 deletion.
28 changes: 27 additions & 1 deletion src/components/Icon/Icon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,10 @@ export enum IconCatalog {
heart = 'heart',
home = 'home',
informationCircle = 'informationCircle',
instagram = 'instagram',
lightBulb = 'lightBulb',
lifebuoy = 'lifebuoy',
linkedin = 'linkedin',
list = 'list',
lockClosed = 'lockClosed',
magnifyingGlass = 'magnifyingGlass',
Expand All @@ -68,6 +70,7 @@ export enum IconCatalog {
star = 'star',
table = 'table',
textT = 'textT',
tiktok = 'tiktok',
threads = 'threads',
trash = 'trash',
typefully = 'typefully',
Expand Down Expand Up @@ -317,6 +320,13 @@ const Icons: Record<IconCatalog, IconType> = {
'M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 01.67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 11-.671-1.34l.041-.022zM12 9a.75.75 0 100-1.5.75.75 0 000 1.5z',
},

[IconCatalog.instagram]: {
outline:
'M12 8.04a3.96 3.96 0 1 0 0 7.92 3.96 3.96 0 0 0 0-7.92Zm0 7.2a3.24 3.24 0 1 1 0-6.48 3.24 3.24 0 0 1 0 6.48ZM16.32 3H7.68A4.685 4.685 0 0 0 3 7.68v8.64A4.685 4.685 0 0 0 7.68 21h8.64A4.686 4.686 0 0 0 21 16.32V7.68A4.686 4.686 0 0 0 16.32 3Zm3.96 13.32a3.964 3.964 0 0 1-3.96 3.96H7.68a3.965 3.965 0 0 1-3.96-3.96V7.68a3.965 3.965 0 0 1 3.96-3.96h8.64a3.964 3.964 0 0 1 3.96 3.96v8.64Zm-2.88-9a.72.72 0 1 1-1.44 0 .72.72 0 0 1 1.44 0Z',
solid:
'M16.154 3H7.846A4.851 4.851 0 0 0 3 7.846v8.308A4.852 4.852 0 0 0 7.846 21h8.308A4.852 4.852 0 0 0 21 16.154V7.846A4.852 4.852 0 0 0 16.154 3ZM12 16.154a4.154 4.154 0 1 1 0-8.308 4.154 4.154 0 0 1 0 8.308Zm5.192-8.308a1.038 1.038 0 1 1 0-2.076 1.038 1.038 0 0 1 0 2.076ZM14.77 12a2.77 2.77 0 1 1-5.538 0 2.77 2.77 0 0 1 5.538 0Z',
},

[IconCatalog.lifebuoy]: {
outline:
'M16.712 4.33a9.027 9.027 0 0 1 1.652 1.306c.51.51.944 1.064 1.306 1.652M16.712 4.33l-3.448 4.138m3.448-4.138a9.014 9.014 0 0 0-9.424 0M19.67 7.288l-4.138 3.448m4.138-3.448a9.014 9.014 0 0 1 0 9.424m-4.138-5.976a3.736 3.736 0 0 0-.88-1.388 3.737 3.737 0 0 0-1.388-.88m2.268 2.268a3.765 3.765 0 0 1 0 2.528m-2.268-4.796a3.765 3.765 0 0 0-2.528 0m4.796 4.796a3.754 3.754 0 0 1-.88 1.388 3.736 3.736 0 0 1-1.388.88m2.268-2.268 4.138 3.448m0 0a9.027 9.027 0 0 1-1.306 1.652c-.51.51-1.064.944-1.652 1.306m0 0-3.448-4.138m3.448 4.138a9.014 9.014 0 0 1-9.424 0m5.976-4.138a3.765 3.765 0 0 1-2.528 0m0 0a3.736 3.736 0 0 1-1.388-.88 3.737 3.737 0 0 1-.88-1.388m2.268 2.268L7.288 19.67m0 0a9.024 9.024 0 0 1-1.652-1.306 9.027 9.027 0 0 1-1.306-1.652m0 0 4.138-3.448M4.33 16.712a9.014 9.014 0 0 1 0-9.424m4.138 5.976a3.765 3.765 0 0 1 0-2.528m0 0c.181-.506.475-.982.88-1.388a3.736 3.736 0 0 1 1.388-.88m-2.268 2.268L4.33 7.288m6.406 1.18L7.288 4.33m0 0a9.024 9.024 0 0 0-1.652 1.306A9.025 9.025 0 0 0 4.33 7.288',
Expand All @@ -331,6 +341,13 @@ const Icons: Record<IconCatalog, IconType> = {
'M12 .75a8.25 8.25 0 00-4.135 15.39c.686.398 1.115 1.008 1.134 1.623a.75.75 0 00.577.706c.352.083.71.148 1.074.195.323.041.6-.218.6-.544v-4.661a6.714 6.714 0 01-.937-.171.75.75 0 11.374-1.453 5.261 5.261 0 002.626 0 .75.75 0 11.374 1.452 6.712 6.712 0 01-.937.172v4.66c0 .327.277.586.6.545.364-.047.722-.112 1.074-.195a.75.75 0 00.577-.706c.02-.615.448-1.225 1.134-1.623A8.25 8.25 0 0012 .75z M9.013 19.9a.75.75 0 01.877-.597 11.319 11.319 0 004.22 0 .75.75 0 11.28 1.473 12.819 12.819 0 01-4.78 0 .75.75 0 01-.597-.876zM9.754 22.344a.75.75 0 01.824-.668 13.682 13.682 0 002.844 0 .75.75 0 11.156 1.492 15.156 15.156 0 01-3.156 0 .75.75 0 01-.668-.824z',
},

[IconCatalog.linkedin]: {
outline:
'M19.92 3H4.08A1.08 1.08 0 0 0 3 4.08v15.84A1.08 1.08 0 0 0 4.08 21h15.84A1.08 1.08 0 0 0 21 19.92V4.08A1.08 1.08 0 0 0 19.92 3Zm.36 16.92a.36.36 0 0 1-.36.36H4.08a.36.36 0 0 1-.36-.36V4.08a.36.36 0 0 1 .36-.36h15.84a.36.36 0 0 1 .36.36v15.84ZM8.76 10.56v5.76a.36.36 0 0 1-.72 0v-5.76a.36.36 0 0 1 .72 0Zm7.92 2.52v3.24a.36.36 0 0 1-.72 0v-3.24a2.16 2.16 0 0 0-4.32 0v3.24a.36.36 0 0 1-.72 0v-5.76a.36.36 0 0 1 .72 0v.618a2.88 2.88 0 0 1 5.04 1.902ZM9.12 8.04a.72.72 0 1 1-1.44 0 .72.72 0 0 1 1.44 0Z',
solid:
'M19.615 3H4.385A1.385 1.385 0 0 0 3 4.385v15.23A1.385 1.385 0 0 0 4.385 21h15.23A1.385 1.385 0 0 0 21 19.615V4.385A1.385 1.385 0 0 0 19.615 3ZM9.231 16.154a.692.692 0 1 1-1.385 0v-5.539a.693.693 0 0 1 1.385 0v5.539ZM8.538 9.23a1.039 1.039 0 1 1 0-2.077 1.039 1.039 0 0 1 0 2.077Zm8.308 6.923a.693.693 0 0 1-1.385 0v-3.115a1.73 1.73 0 1 0-3.461 0v3.115a.692.692 0 1 1-1.385 0v-5.539a.692.692 0 0 1 1.367-.154 3.116 3.116 0 0 1 4.864 2.578v3.115Z',
},

[IconCatalog.list]: {
outline:
'M20 11.3v1.4c0 .186-.07.364-.195.495a.65.65 0 0 1-.472.205H4.667a.65.65 0 0 1-.472-.205A.718.718 0 0 1 4 12.7v-1.4c0-.186.07-.364.195-.495a.65.65 0 0 1 .472-.205h14.666a.65.65 0 0 1 .472.205c.125.131.195.31.195.495Zm-.667 4.9H4.667a.65.65 0 0 0-.472.205A.718.718 0 0 0 4 16.9v1.4c0 .186.07.364.195.495a.65.65 0 0 0 .472.205h14.666a.65.65 0 0 0 .472-.205A.718.718 0 0 0 20 18.3v-1.4a.718.718 0 0 0-.195-.495.65.65 0 0 0-.472-.205Zm0-11.2H4.667a.651.651 0 0 0-.472.205A.718.718 0 0 0 4 5.7v1.4c0 .186.07.364.195.495a.651.651 0 0 0 .472.205h14.666a.65.65 0 0 0 .472-.205A.718.718 0 0 0 20 7.1V5.7a.718.718 0 0 0-.195-.495.65.65 0 0 0-.472-.205Z',
Expand Down Expand Up @@ -474,6 +491,13 @@ const Icons: Record<IconCatalog, IconType> = {
'M19 5.368v2.948a.368.368 0 1 1-.737 0v-2.58h-5.895v12.527h2.58a.368.368 0 1 1 0 .737H9.052a.368.368 0 1 1 0-.737h2.579V5.737H5.737v2.579a.368.368 0 1 1-.737 0V5.368A.368.368 0 0 1 5.368 5h13.264a.368.368 0 0 1 .368.368Z',
},

[IconCatalog.tiktok]: {
outline:
'M20.66 7.846a4.386 4.386 0 0 1-3.124-1.32 4.547 4.547 0 0 1-1.296-3.18.35.35 0 0 0-.1-.245A.337.337 0 0 0 15.9 3h-3.4a.337.337 0 0 0-.24.101.35.35 0 0 0-.1.245V14.77c0 .372-.098.737-.284 1.057-.186.32-.452.583-.772.762a2.012 2.012 0 0 1-2.075-.064 2.064 2.064 0 0 1-.725-.809 2.108 2.108 0 0 1 .126-2.11 2.05 2.05 0 0 1 .816-.713.342.342 0 0 0 .194-.313V8.885a.351.351 0 0 0-.122-.266.338.338 0 0 0-.277-.075C6.166 9.064 4 11.74 4 14.769c0 1.653.645 3.238 1.793 4.406A6.065 6.065 0 0 0 10.12 21c1.623 0 3.18-.657 4.328-1.825a6.288 6.288 0 0 0 1.792-4.406V10.74A8.325 8.325 0 0 0 20.66 12c.09 0 .177-.037.24-.101a.35.35 0 0 0 .1-.245V8.192a.35.35 0 0 0-.1-.244.337.337 0 0 0-.24-.102Zm-.34 3.455a7.674 7.674 0 0 1-4.221-1.487.336.336 0 0 0-.49.101.352.352 0 0 0-.049.181v4.673a5.59 5.59 0 0 1-1.593 3.917 5.391 5.391 0 0 1-3.847 1.622 5.391 5.391 0 0 1-3.847-1.622 5.59 5.59 0 0 1-1.593-3.917c0-2.554 1.727-4.828 4.08-5.452v3.056a2.745 2.745 0 0 0-.996 1.014 2.808 2.808 0 0 0 0 2.77c.24.42.583.77.997 1.013a2.681 2.681 0 0 0 2.72-.001c.414-.244.757-.593.995-1.015.239-.42.364-.899.364-1.385V3.692h2.731a5.244 5.244 0 0 0 1.485 3.324 5.07 5.07 0 0 0 3.264 1.511v2.774Z',
solid:
'M21 8.333v3.334a.674.674 0 0 1-.192.471.647.647 0 0 1-.462.195 8.307 8.307 0 0 1-3.923-.976v3.31c0 1.68-.654 3.29-1.82 4.478A6.152 6.152 0 0 1 10.212 21a6.152 6.152 0 0 1-4.392-1.855A6.397 6.397 0 0 1 4 14.667c0-3.075 2.2-5.794 5.116-6.324a.642.642 0 0 1 .535.146.665.665 0 0 1 .234.511v3.557a.676.676 0 0 1-.374.603c-.264.128-.49.326-.654.573a1.688 1.688 0 0 0 .48 2.341 1.613 1.613 0 0 0 2.281-.56c.15-.256.228-.55.228-.847v-11c0-.177.069-.347.192-.472A.647.647 0 0 1 12.5 3h3.27c.173 0 .339.07.462.195a.673.673 0 0 1 .191.472 4.044 4.044 0 0 0 1.15 2.827 3.89 3.89 0 0 0 2.773 1.173c.174 0 .34.07.462.195a.673.673 0 0 1 .192.471Z',
},

[IconCatalog.threads]: {
outline: '',
solid:
Expand Down Expand Up @@ -517,7 +541,9 @@ const Icons: Record<IconCatalog, IconType> = {

[IconCatalog.x]: {
outline:
'M13.712 10.622 20.413 3h-1.588l-5.818 6.618L8.36 3H3l7.027 10.007L3 21h1.588l6.144-6.989L15.64 21H21l-7.288-10.378ZM5.16 4.17H7.6l11.226 15.714h-2.439L5.16 4.17Z',
'M13.522 10.775 19.48 4h-1.412l-5.172 5.883L8.765 4H4l6.247 8.896L4 20h1.412l5.461-6.212L15.236 20H20l-6.478-9.225ZM5.92 5.04h2.168l9.98 13.968H15.9L5.92 5.04Z',
solid:
'M13.522 10.775 19.48 4h-1.412l-5.172 5.883L8.765 4H4l6.247 8.896L4 20h1.412l5.461-6.212L15.236 20H20l-6.478-9.225ZM5.92 5.04h2.168l9.98 13.968H15.9L5.92 5.04Z',
},

[IconCatalog.xMark]: { outline: 'M6 18L18 6M6 6L18 18' },
Expand Down

0 comments on commit e9160ac

Please sign in to comment.