28 lines
3.3 KiB
JavaScript
28 lines
3.3 KiB
JavaScript
import React from "react";
|
|
|
|
export const CompactList = () => {
|
|
return (
|
|
<svg width="24" height="24" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M24.875 16.875H5.125C3.25 16.875 2.5 17.675 2.5 19.6625V24.7125C2.5 26.7 3.25 27.5 5.125 27.5H24.875C26.75 27.5 27.5 26.7 27.5 24.7125V19.6625C27.5 17.675 26.75 16.875 24.875 16.875ZM24.875 2.5H5.125C3.25 2.5 2.5 3.3 2.5 5.2875V10.3375C2.5 12.325 3.25 13.125 5.125 13.125H24.875C26.75 13.125 27.5 12.325 27.5 10.3375V5.2875C27.5 3.3 26.75 2.5 24.875 2.5Z" fill="currentColor"/>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
|
|
export const ExpandedList = () => {
|
|
return (
|
|
<svg width="24" height="24" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M27.5238 21.025L23.6113 11.875C22.8988 10.2 21.8363 9.25 20.6238 9.1875C19.4238 9.125 18.2613 9.96249 17.3738 11.5625L14.9988 15.825C14.4988 16.725 13.7863 17.2625 13.0113 17.325C12.2238 17.4 11.4363 16.9875 10.7988 16.175L10.5238 15.825C9.63633 14.7125 8.53633 14.175 7.41133 14.2875C6.28633 14.4 5.32383 15.175 4.68633 16.4375L2.52383 20.75C1.74883 22.3125 1.82383 24.125 2.73633 25.6C3.64883 27.075 5.23633 27.9625 6.97383 27.9625H22.9238C24.5988 27.9625 26.1613 27.125 27.0863 25.725C28.0363 24.325 28.1863 22.5625 27.5238 21.025ZM8.71258 10.4762C9.83312 10.4762 10.9078 10.0311 11.7001 9.23877C12.4924 8.44643 12.9376 7.37178 12.9376 6.25125C12.9376 5.13071 12.4924 4.05606 11.7001 3.26372C10.9078 2.47138 9.83312 2.02625 8.71258 2.02625C7.59204 2.02625 6.51739 2.47138 5.72505 3.26372C4.93271 4.05606 4.48758 5.13071 4.48758 6.25125C4.48758 7.37178 4.93271 8.44643 5.72505 9.23877C6.51739 10.0311 7.59204 10.4762 8.71258 10.4762Z" fill="currentColor"/>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export const FilterIcon = () => {
|
|
return (
|
|
<svg width="24" height="24" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M22.4001 7.96248C21.9742 7.86116 21.5378 7.8108 21.1001 7.81248C17.8251 7.81248 15.1626 10.475 15.1626 13.75C15.1626 14.8625 15.4751 15.9125 16.0251 16.8125C16.4876 17.5875 17.1251 18.25 17.9001 18.725C18.8251 19.3375 19.9251 19.6875 21.1001 19.6875C23.2751 19.6875 25.1626 18.525 26.1876 16.8125C26.7376 15.9125 27.0376 14.8625 27.0376 13.75C27.0385 12.4016 26.5795 11.0932 25.7363 10.0409C24.8932 8.98867 23.7163 8.25549 22.4001 7.96248ZM23.5376 13.2125L20.5001 16.25C20.3876 16.3625 20.1501 16.475 19.9876 16.5L18.8251 16.6625C18.4001 16.725 18.1126 16.425 18.1751 16.0125L18.3376 14.85C18.3626 14.6875 18.4751 14.4625 18.5876 14.3375L21.1876 11.7375L21.6251 11.3C22.1501 10.775 22.7626 10.525 23.5251 11.3C24.2876 12.075 24.0626 12.6875 23.5376 13.2125Z" fill="currentColor"/>
|
|
<path d="M25.7249 5.025V6.225C25.7249 6.7375 25.1374 7.05 24.6749 6.8125C24.0999 6.5125 23.4874 6.2875 22.8374 6.1375C22.2874 6 21.6999 5.9375 21.0999 5.9375C16.7874 5.9375 13.2874 9.4375 13.2874 13.75C13.2874 15.175 13.6749 16.575 14.4124 17.775C15.0374 18.825 15.9124 19.7 16.8624 20.2875C17.0749 20.425 17.2999 20.55 17.5124 20.675C17.7249 20.7875 17.8749 21.0125 17.8749 21.25V23.8375C17.8749 24.6 17.3749 25.6125 16.7499 25.9875L14.9999 27.125C13.3749 28.1375 11.1374 27 11.1374 24.975V18.2875C11.1374 17.4 10.6374 16.2625 10.1374 15.6375L5.3999 10.5875C4.7749 9.95 4.2749 8.8125 4.2749 8.0625V5.15C4.2749 3.6375 5.3999 2.5 6.7624 2.5H23.2374C24.5999 2.5 25.7249 3.6375 25.7249 5.025Z" fill="currentColor"/>
|
|
</svg>
|
|
);
|
|
};
|
|
|