Added: Icons

This commit is contained in:
Llewellyn Dsouza
2022-01-08 00:15:11 +05:30
parent 25bf141987
commit b2a9081307
4 changed files with 31 additions and 8 deletions

View File

@@ -1,15 +1,14 @@
const HamburgerIcon = ({ width = 24, height = 24, color }) => (
const HamburgerIcon = ({ width = 24, height = 24, color, ...props }) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={width}
height={height}
viewBox="0 0 24 24"
fill="none"
stroke={color}
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className="feather feather-menu"
{...props}
>
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="6" x2="21" y2="6"></line>

View File

@@ -0,0 +1,14 @@
const HomeIcon = ({ width = 24, height = 24, color = 'white', ...props }) => (
<svg width={width} height={height} viewBox="0 0 24 24" fill="none" {...props} xmlns="http://www.w3.org/2000/svg">
<path
d="M17.79 22.75H6.21C3.47 22.75 1.25 20.52 1.25 17.78V10.37C1.25 9.01 2.09 7.3 3.17 6.46L8.56 2.26C10.18 1 12.77 0.940005 14.45 2.12L20.63 6.45C21.82 7.28 22.75 9.06001 22.75 10.51V17.79C22.75 20.52 20.53 22.75 17.79 22.75ZM9.48 3.44L4.09 7.64C3.38 8.2 2.75 9.47001 2.75 10.37V17.78C2.75 19.69 4.3 21.25 6.21 21.25H17.79C19.7 21.25 21.25 19.7 21.25 17.79V10.51C21.25 9.55 20.56 8.22 19.77 7.68L13.59 3.35C12.45 2.55 10.57 2.59 9.48 3.44Z"
fill={color}
/>
<path
d="M12 18.75C11.59 18.75 11.25 18.41 11.25 18V15C11.25 14.59 11.59 14.25 12 14.25C12.41 14.25 12.75 14.59 12.75 15V18C12.75 18.41 12.41 18.75 12 18.75Z"
fill={color}
/>
</svg>
);
export default HomeIcon;

View File

@@ -0,0 +1,10 @@
const SidebarDownIcon = ({ width = 14, height = 8, color = 'white', ...props }) => (
<svg width={width} height={height} viewBox="0 0 15 8" fill="none" {...props} xmlns="http://www.w3.org/2000/svg">
<path
d="M8.51 7.19999L10.48 5.22999L13.69 2.01999C14.36 1.33999 13.88 0.179993 12.92 0.179993L6.69 0.179993L1.08 0.179993C0.120001 0.179993 -0.36 1.33999 0.320001 2.01999L5.5 7.19999C6.32 8.02999 7.68 8.02999 8.51 7.19999Z"
fill={color}
/>
</svg>
);
export default SidebarDownIcon;

View File

@@ -1,18 +1,18 @@
const XIcon = ({ width = 24, height = 24, color = '#ffffff' }) => (
const XIcon = ({ width = 18, height = 18, color = '#ffffff', ...props }) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={width}
height={height}
viewBox="0 0 24 24"
viewBox="0 0 14 14"
fill="none"
stroke={color}
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className="feather feather-x"
{...props}
>
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
<line x1="13" y1="1" x2="1" y2="13"></line>
<line x1="1" y1="1" x2="13" y2="13"></line>
</svg>
);