Added: Icons
This commit is contained in:
@@ -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>
|
||||
|
||||
14
src/assets/icons/Home-icon.js
Normal file
14
src/assets/icons/Home-icon.js
Normal 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;
|
||||
10
src/assets/icons/SidebarDown-icon.js
Normal file
10
src/assets/icons/SidebarDown-icon.js
Normal 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;
|
||||
@@ -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>
|
||||
);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user