Skip to content

Commit

Permalink
feat: added few icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@aminlatifi
aminlatifi committed Jan 25, 2022
1 parent f9b4310 commit f5e532f
Show file tree
Hide file tree
Showing 14 changed files with 1,442 additions and 0 deletions.
114 changes: 114 additions & 0 deletions src/components/icons/Archive.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
import React, { FC } from 'react';
import { IIconProps } from './type';

export const IconArchive: FC<IIconProps> = ({
size = 24,
color = 'currentColor',
}) => {
const size16 = (
<svg
width='16'
height='16'
viewBox='0 0 16 16'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M2.5 4.75V12.75C2.50099 13.0812 2.633 13.3986 2.86721 13.6328C3.10142 13.867 3.41878 13.999 3.75 14H12.25C12.5812 13.999 12.8986 13.867 13.1328 13.6328C13.367 13.3986 13.499 13.0812 13.5 12.75V4.75'
stroke={color}
strokeLinecap='round'
strokeLinejoin='round'
/>
<line
x1='6.75'
y1='7.25'
x2='9.25'
y2='7.25'
stroke={color}
strokeWidth='1.5'
strokeLinecap='round'
/>
<path
d='M13.625 2H2.375C1.89175 2 1.5 2.39175 1.5 2.875V3.625C1.5 4.10825 1.89175 4.5 2.375 4.5H13.625C14.1082 4.5 14.5 4.10825 14.5 3.625V2.875C14.5 2.39175 14.1082 2 13.625 2Z'
stroke={color}
strokeLinejoin='round'
/>
</svg>
);
const size24 = (
<svg
width='24'
height='24'
viewBox='0 0 24 24'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M3.75 7.125V19.125C3.75148 19.6218 3.9495 20.0979 4.30081 20.4492C4.65212 20.8005 5.12818 20.9985 5.625 21H18.375C18.8718 20.9985 19.3479 20.8005 19.6992 20.4492C20.0505 20.0979 20.2485 19.6218 20.25 19.125V7.125'
stroke={color}
strokeWidth='1.5'
strokeLinecap='round'
strokeLinejoin='round'
/>
<line
x1='10'
y1='11'
x2='14'
y2='11'
stroke={color}
strokeWidth='2'
strokeLinecap='round'
/>
<path
d='M20.4375 3H3.5625C2.83763 3 2.25 3.58763 2.25 4.3125V5.4375C2.25 6.16237 2.83763 6.75 3.5625 6.75H20.4375C21.1624 6.75 21.75 6.16237 21.75 5.4375V4.3125C21.75 3.58763 21.1624 3 20.4375 3Z'
stroke={color}
strokeWidth='1.5'
strokeLinejoin='round'
/>
</svg>
);

const size32 = (
<svg
width='32'
height='32'
viewBox='0 0 32 32'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M5 9.5V25.5C5.00198 26.1624 5.26601 26.7972 5.73442 27.2656C6.20283 27.734 6.83757 27.998 7.5 28H24.5C25.1624 27.998 25.7972 27.734 26.2656 27.2656C26.734 26.7972 26.998 26.1624 27 25.5V9.5'
stroke={color}
strokeWidth='2'
strokeLinecap='round'
strokeLinejoin='round'
/>
<line
x1='13.5'
y1='14.5'
x2='18.5'
y2='14.5'
stroke={color}
strokeWidth='3'
strokeLinecap='round'
/>
<path
d='M27.25 4H4.75C3.7835 4 3 4.7835 3 5.75V7.25C3 8.2165 3.7835 9 4.75 9H27.25C28.2165 9 29 8.2165 29 7.25V5.75C29 4.7835 28.2165 4 27.25 4Z'
stroke={color}
strokeWidth='2'
strokeLinejoin='round'
/>
</svg>
);

switch (size.toString()) {
case '16':
return size16;
case '24':
return size24;
case '32':
return size32;
default:
return size16;
}
};
107 changes: 107 additions & 0 deletions src/components/icons/Archiving.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,107 @@
import React, { FC } from 'react';
import { IIconProps } from './type';

export const IconArchiving: FC<IIconProps> = ({
size = 24,
color = 'currentColor',
}) => {
const size16 = (
<svg
width='16'
height='16'
viewBox='0 0 16 16'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M2.5 4.75V12.75C2.50099 13.0812 2.633 13.3986 2.86721 13.6328C3.10142 13.867 3.41878 13.999 3.75 14H12.25C12.5812 13.999 12.8986 13.867 13.1328 13.6328C13.367 13.3986 13.499 13.0812 13.5 12.75V4.75'
stroke={color}
strokeLinecap='round'
strokeLinejoin='round'
/>
<path
d='M13.625 2H2.375C1.89175 2 1.5 2.39175 1.5 2.875V3.625C1.5 4.10825 1.89175 4.5 2.375 4.5H13.625C14.1082 4.5 14.5 4.10825 14.5 3.625V2.875C14.5 2.39175 14.1082 2 13.625 2Z'
stroke={color}
strokeLinejoin='round'
/>
<path
d='M10 9.5L8 11.5L6 9.5M8 10.8091V7'
stroke={color}
strokeLinecap='round'
strokeLinejoin='round'
/>
</svg>
);
const size24 = (
<svg
width='24'
height='24'
viewBox='0 0 24 24'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M3.75 7.125V19.125C3.75148 19.6218 3.9495 20.0979 4.30081 20.4492C4.65212 20.8005 5.12818 20.9985 5.625 21H18.375C18.8718 20.9985 19.3479 20.8005 19.6992 20.4492C20.0505 20.0979 20.2485 19.6218 20.25 19.125V7.125'
stroke={color}
strokeWidth='1.5'
strokeLinecap='round'
strokeLinejoin='round'
/>
<path
d='M20.4375 3H3.5625C2.83763 3 2.25 3.58763 2.25 4.3125V5.4375C2.25 6.16237 2.83763 6.75 3.5625 6.75H20.4375C21.1624 6.75 21.75 6.16237 21.75 5.4375V4.3125C21.75 3.58763 21.1624 3 20.4375 3Z'
stroke={color}
strokeWidth='1.5'
strokeLinejoin='round'
/>
<path
d='M15 14.25L12 17.25L9 14.25M12 16.2136V10.5'
stroke={color}
strokeWidth='1.5'
strokeLinecap='round'
strokeLinejoin='round'
/>
</svg>
);

const size32 = (
<svg
width='32'
height='32'
viewBox='0 0 32 32'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M5 9.5V25.5C5.00198 26.1624 5.26601 26.7972 5.73442 27.2656C6.20283 27.734 6.83757 27.998 7.5 28H24.5C25.1624 27.998 25.7972 27.734 26.2656 27.2656C26.734 26.7972 26.998 26.1624 27 25.5V9.5'
stroke={color}
strokeWidth='2'
strokeLinecap='round'
strokeLinejoin='round'
/>
<path
d='M27.25 4H4.75C3.7835 4 3 4.7835 3 5.75V7.25C3 8.2165 3.7835 9 4.75 9H27.25C28.2165 9 29 8.2165 29 7.25V5.75C29 4.7835 28.2165 4 27.25 4Z'
stroke={color}
strokeWidth='2'
strokeLinejoin='round'
/>
<path
d='M20 19L16 23L12 19M16 21.6181V14'
stroke={color}
strokeWidth='2'
strokeLinecap='round'
strokeLinejoin='round'
/>
</svg>
);

switch (size.toString()) {
case '16':
return size16;
case '24':
return size24;
case '32':
return size32;
default:
return size16;
}
};
141 changes: 141 additions & 0 deletions src/components/icons/Donation.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
import React, { FC } from 'react';
import { IIconProps } from './type';

export const IconDonation: FC<IIconProps> = ({
size = 24,
color = 'currentColor',
}) => {
const size24 = (
<svg
width='32'
height='33'
viewBox='0 0 32 33'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M21.2093 8.68604C20.9331 8.68604 20.7093 8.90989 20.7093 9.18604C20.7093 9.46218 20.9331 9.68604 21.2093 9.68604V8.68604ZM11.7209 9.68604C11.9971 9.68604 12.2209 9.46218 12.2209 9.18604C12.2209 8.90989 11.9971 8.68604 11.7209 8.68604V9.68604ZM29.2674 15.186V29.2558H30.2674V15.186H29.2674ZM26.7674 31.7558H5.23254V32.7558H26.7674V31.7558ZM2.73254 29.2558V15.186H1.73254V29.2558H2.73254ZM21.2093 9.68604H23.7674V8.68604H21.2093V9.68604ZM8.23254 9.68604H11.7209V8.68604H8.23254V9.68604ZM5.23254 31.7558C3.85183 31.7558 2.73254 30.6365 2.73254 29.2558H1.73254C1.73254 31.1888 3.29954 32.7558 5.23254 32.7558V31.7558ZM29.2674 29.2558C29.2674 30.6365 28.1481 31.7558 26.7674 31.7558V32.7558C28.7004 32.7558 30.2674 31.1888 30.2674 29.2558H29.2674ZM30.2674 15.186C30.2674 11.5962 27.3573 8.68604 23.7674 8.68604V9.68604C26.805 9.68604 29.2674 12.1485 29.2674 15.186H30.2674ZM2.73254 15.186C2.73254 12.1485 5.19498 9.68604 8.23254 9.68604V8.68604C4.64269 8.68604 1.73254 11.5962 1.73254 15.186H2.73254Z'
fill={color}
/>
<path
d='M2.73254 18.6512C2.73254 16.1659 4.74726 14.1512 7.23254 14.1512H24.7674C27.2527 14.1512 29.2674 16.1659 29.2674 18.6512V29.2558C29.2674 30.6365 28.1481 31.7558 26.7674 31.7558H5.23254C3.85183 31.7558 2.73254 30.6365 2.73254 29.2558V18.6512Z'
stroke={color}
/>
<path
d='M16.7221 3.21958C16.7221 3.02628 16.5654 2.86958 16.3721 2.86958C16.1788 2.86958 16.0221 3.02628 16.0221 3.21958H16.7221ZM16.0221 7.1989C16.0221 7.3922 16.1788 7.5489 16.3721 7.5489C16.5654 7.5489 16.7221 7.3922 16.7221 7.1989H16.0221ZM17.2765 4.29301C17.4698 4.29301 17.6265 4.13631 17.6265 3.94301C17.6265 3.74971 17.4698 3.59301 17.2765 3.59301V4.29301ZM15.9199 5.20916V5.55916V5.20916ZM16.8243 5.20916V4.85916V5.20916ZM16.8243 6.47531V6.82531V6.47531ZM15.2869 6.12531C15.0936 6.12531 14.9369 6.28201 14.9369 6.47531C14.9369 6.66861 15.0936 6.82531 15.2869 6.82531V6.12531ZM20.6291 5.20928C20.6291 2.85901 18.7224 0.952307 16.3721 0.952307V1.65231C18.3358 1.65231 19.9291 3.24561 19.9291 5.20928H20.6291ZM16.3721 0.952307C14.0218 0.952307 12.1151 2.85901 12.1151 5.20928H12.8151C12.8151 3.24561 14.4084 1.65231 16.3721 1.65231V0.952307ZM12.1151 5.20928C12.1151 7.55956 14.0218 9.46626 16.3721 9.46626V8.76626C14.4084 8.76626 12.8151 7.17296 12.8151 5.20928H12.1151ZM16.3721 9.46626C18.7224 9.46626 20.6291 7.55956 20.6291 5.20928H19.9291C19.9291 7.17296 18.3358 8.76626 16.3721 8.76626V9.46626ZM16.0221 3.21958V7.1989H16.7221V3.21958H16.0221ZM17.2765 3.59301H15.9199V4.29301H17.2765V3.59301ZM15.9199 3.59301C15.6592 3.59301 15.4092 3.69659 15.2248 3.88095L15.7198 4.37592C15.7729 4.32284 15.8449 4.29301 15.9199 4.29301V3.59301ZM15.2248 3.88095C15.0404 4.06531 14.9369 4.31536 14.9369 4.57609H15.6369C15.6369 4.50101 15.6667 4.42901 15.7198 4.37592L15.2248 3.88095ZM14.9369 4.57609C14.9369 4.83681 15.0404 5.08686 15.2248 5.27123L15.7198 4.77625C15.6667 4.72317 15.6369 4.65116 15.6369 4.57609H14.9369ZM15.2248 5.27123C15.4092 5.45559 15.6592 5.55916 15.9199 5.55916V4.85916C15.8449 4.85916 15.7729 4.82934 15.7198 4.77625L15.2248 5.27123ZM15.9199 5.55916H16.8243V4.85916H15.9199V5.55916ZM16.8243 5.55916C16.8994 5.55916 16.9714 5.58899 17.0245 5.64207L17.5195 5.1471C17.3351 4.96274 17.0851 4.85916 16.8243 4.85916V5.55916ZM17.0245 5.64207C17.0776 5.69516 17.1074 5.76716 17.1074 5.84224H17.8074C17.8074 5.58151 17.7038 5.33146 17.5195 5.1471L17.0245 5.64207ZM17.1074 5.84224C17.1074 5.91731 17.0776 5.98932 17.0245 6.0424L17.5195 6.53738C17.7038 6.35301 17.8074 6.10296 17.8074 5.84224H17.1074ZM17.0245 6.0424C16.9714 6.09549 16.8994 6.12531 16.8243 6.12531V6.82531C17.0851 6.82531 17.3351 6.72174 17.5195 6.53738L17.0245 6.0424ZM16.8243 6.12531H15.2869V6.82531H16.8243V6.12531Z'
fill={color}
/>
<path
d='M18.7193 18.4884C17.2095 18.4884 16.4654 19.9767 16.4654 19.9767C16.4654 19.9767 15.7212 18.4884 14.2114 18.4884C12.9844 18.4884 12.0128 19.5149 12.0002 20.7398C11.9747 23.2823 14.0172 25.0905 16.2561 26.61C16.3178 26.652 16.3907 26.6744 16.4654 26.6744C16.54 26.6744 16.6129 26.652 16.6747 26.61C18.9133 25.0905 20.9558 23.2823 20.9305 20.7398C20.9179 19.5149 19.9463 18.4884 18.7193 18.4884V18.4884Z'
stroke={color}
strokeLinecap='round'
strokeLinejoin='round'
/>
<line
x1='13.1512'
y1='11.6628'
x2='19.593'
y2='11.6628'
stroke={color}
strokeLinecap='round'
/>
</svg>
);

const size32 = (
<svg
width='24'
height='24'
viewBox='0 0 24 24'
fill='none'
xmlns='http://www.w3.org/2000/svg'
>
<path
d='M15.907 5.63953C15.6309 5.63953 15.407 5.86338 15.407 6.13953C15.407 6.41567 15.6309 6.63953 15.907 6.63953V5.63953ZM8.79072 6.63953C9.06686 6.63953 9.29072 6.41567 9.29072 6.13953C9.29072 5.86338 9.06686 5.63953 8.79072 5.63953V6.63953ZM21.8256 12.1395V20.4419H22.8256V12.1395H21.8256ZM19.3256 22.9419H4.67444V23.9419H19.3256V22.9419ZM2.17444 20.4419V12.1395H1.17444V20.4419H2.17444ZM15.907 6.63953H16.3256V5.63953H15.907V6.63953ZM7.67444 6.63953H8.79072V5.63953H7.67444V6.63953ZM4.67444 22.9419C3.29372 22.9419 2.17444 21.8226 2.17444 20.4419H1.17444C1.17444 22.3748 2.74144 23.9419 4.67444 23.9419V22.9419ZM21.8256 20.4419C21.8256 21.8226 20.7063 22.9419 19.3256 22.9419V23.9419C21.2586 23.9419 22.8256 22.3748 22.8256 20.4419H21.8256ZM22.8256 12.1395C22.8256 8.54968 19.9155 5.63953 16.3256 5.63953V6.63953C19.3632 6.63953 21.8256 9.10196 21.8256 12.1395H22.8256ZM2.17444 12.1395C2.17444 9.10196 4.63687 6.63953 7.67444 6.63953V5.63953C4.08459 5.63953 1.17444 8.54967 1.17444 12.1395H2.17444Z'
fill={color}
/>
<path
d='M2.17444 14.4884C2.17444 12.0031 4.18916 9.98837 6.67444 9.98837H17.3256C19.8109 9.98837 21.8256 12.0031 21.8256 14.4884V20.4419C21.8256 21.8226 20.7063 22.9419 19.3256 22.9419H4.67444C3.29372 22.9419 2.17444 21.8226 2.17444 20.4419V14.4884Z'
stroke={color}
/>
<g clipPath='url(#clip0_1261_54938)'>
<path
d='M15.2093 3.90698C15.2093 2.28925 13.8968 0.976746 12.279 0.976746C10.6613 0.976746 9.34882 2.28925 9.34882 3.90698C9.34882 5.52471 10.6613 6.83721 12.279 6.83721C13.8968 6.83721 15.2093 5.52471 15.2093 3.90698Z'
fill='white'
stroke={color}
strokeWidth='0.75'
strokeMiterlimit='10'
/>
<g clipPath='url(#clip1_1261_54938)'>
<path
d='M12.2791 2.41469V5.39918'
stroke={color}
strokeWidth='0.4'
strokeLinecap='round'
strokeLinejoin='round'
/>
<path
d='M12.9573 2.95726H11.9399C11.814 2.95726 11.6932 3.00728 11.6042 3.09633C11.5151 3.18537 11.4651 3.30614 11.4651 3.43207C11.4651 3.55799 11.5151 3.67876 11.6042 3.76781C11.6932 3.85685 11.814 3.90687 11.9399 3.90687H12.6182C12.7441 3.90687 12.8649 3.9569 12.9539 4.04594C13.043 4.13498 13.093 4.25575 13.093 4.38168C13.093 4.50761 13.043 4.62837 12.9539 4.71742C12.8649 4.80646 12.7441 4.85649 12.6182 4.85649H11.4651'
stroke={color}
strokeWidth='0.5'
strokeLinecap='round'
strokeLinejoin='round'
/>
</g>
</g>
<g clipPath='url(#clip2_1261_54938)'>
<path
d='M13.9695 13.1163C12.8372 13.1163 12.2791 14.2325 12.2791 14.2325C12.2791 14.2325 11.7209 13.1163 10.5886 13.1163C9.66837 13.1163 8.93965 13.8861 8.93023 14.8048C8.91105 16.7117 10.443 18.0678 12.1221 19.2075C12.1684 19.239 12.2231 19.2558 12.2791 19.2558C12.3351 19.2558 12.3898 19.239 12.436 19.2075C14.115 18.0678 15.6469 16.7117 15.6279 14.8048C15.6185 13.8861 14.8898 13.1163 13.9695 13.1163V13.1163Z'
stroke={color}
strokeWidth='0.75'
strokeLinecap='round'
strokeLinejoin='round'
/>
</g>
<line
x1='9.78834'
y1='8.0721'
x2='14.7697'
y2='8.0721'
stroke={color}
strokeWidth='0.6'
strokeLinecap='round'
/>
<defs>
<clipPath id='clip0_1261_54938'>
<rect
width='7.81395'
height='7.81395'
fill='white'
transform='translate(8.37207)'
/>
</clipPath>
<clipPath id='clip1_1261_54938'>
<rect
width='3.25581'
height='3.25581'
fill='white'
transform='translate(10.6511 2.27902)'
/>
</clipPath>
<clipPath id='clip2_1261_54938'>
<rect
width='8.93023'
height='8.93023'
fill='white'
transform='translate(7.81396 11.7209)'
/>
</clipPath>
</defs>
</svg>
);

switch (size.toString()) {
case '24':
return size24;
case '32':
return size32;
default:
return size24;
}
};
Loading

0 comments on commit f5e532f

Please sign in to comment.