Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | 137x | type Props = {
width?: number;
height?: number;
isHovered?: boolean;
};
const PaletteIcon = ({ width = 24, height = 25, isHovered = false }: Props) => {
return (
<svg
width={width}
height={height}
viewBox="0 0 24 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g opacity={isHovered ? "0.6" : 1}>
<path
opacity="0.2"
d="M21 12.4226C21.006 13.1221 20.9308 13.8199 20.7759 14.502C20.6623 14.9988 20.3834 15.4423 19.9849 15.76C19.5864 16.0776 19.0918 16.2505 18.5822 16.2505H14.25C13.6533 16.2505 13.081 16.4875 12.659 16.9095C12.2371 17.3314 12 17.9037 12 18.5005C11.9997 18.8603 11.9132 19.2148 11.7476 19.5342C11.582 19.8537 11.3422 20.1288 11.0484 20.3364C10.7545 20.544 10.4151 20.6782 10.0587 20.7275C9.7023 20.7769 9.33924 20.7401 9 20.6201C5.50594 19.3855 3 16.4201 3 12.5005C2.99987 10.1297 3.9352 7.85457 5.60281 6.16941C7.27041 4.48425 9.53558 3.52515 11.9062 3.50046C16.86 3.45077 20.9578 7.47077 21 12.4226Z"
fill="#FFFFFD"
/>
<path
d="M18.8222 5.55219C17.0069 3.75462 14.5547 2.74739 12 2.75001H11.8997C9.33125 2.77643 6.87699 3.81532 5.07015 5.64094C3.26331 7.46656 2.24986 9.93143 2.25 12.5C2.25 16.5313 4.74187 19.9119 8.7525 21.3284C9.20485 21.4879 9.68885 21.5366 10.1639 21.4704C10.639 21.4043 11.0912 21.2252 11.4828 20.9481C11.8743 20.6711 12.1937 20.3042 12.4142 19.8782C12.6347 19.4523 12.7499 18.9797 12.75 18.5C12.75 18.1022 12.908 17.7207 13.1893 17.4393C13.4706 17.158 13.8522 17 14.25 17H18.5822C19.2627 17.0033 19.9239 16.7737 20.4559 16.3495C20.988 15.9252 21.3589 15.3317 21.5072 14.6675C21.6748 13.9294 21.7563 13.1744 21.75 12.4175C21.7404 11.1364 21.4767 9.86988 20.9742 8.69141C20.4716 7.51294 19.7401 6.44592 18.8222 5.55219ZM20.0409 14.3375C19.9664 14.6684 19.7813 14.964 19.516 15.1753C19.2508 15.3867 18.9214 15.5012 18.5822 15.5H14.25C13.4543 15.5 12.6913 15.8161 12.1287 16.3787C11.5661 16.9413 11.25 17.7044 11.25 18.5C11.2497 18.7396 11.1919 18.9756 11.0816 19.1883C10.9713 19.401 10.8117 19.5842 10.6161 19.7225C10.4205 19.8609 10.1946 19.9503 9.95726 19.9834C9.71997 20.0166 9.4782 19.9923 9.25219 19.9128C5.85844 18.7156 3.75 15.875 3.75 12.5C3.74988 10.3267 4.60736 8.24108 6.13613 6.69633C7.6649 5.15158 9.74147 4.27248 11.9147 4.25001H11.9991C14.1724 4.25845 16.2553 5.12073 17.7986 6.65091C19.3419 8.18109 20.222 10.2565 20.2491 12.4297C20.2546 13.0714 20.1861 13.7116 20.0447 14.3375H20.0409ZM13.125 7.62501C13.125 7.84751 13.059 8.06502 12.9354 8.25002C12.8118 8.43503 12.6361 8.57922 12.4305 8.66437C12.225 8.74952 11.9988 8.7718 11.7805 8.72839C11.5623 8.68498 11.3618 8.57783 11.2045 8.4205C11.0472 8.26317 10.94 8.06271 10.8966 7.84448C10.8532 7.62625 10.8755 7.40005 10.9606 7.19449C11.0458 6.98892 11.19 6.81322 11.375 6.6896C11.56 6.56599 11.7775 6.50001 12 6.50001C12.2984 6.50001 12.5845 6.61853 12.7955 6.82951C13.0065 7.04049 13.125 7.32664 13.125 7.62501ZM9 9.87501C9 10.0975 8.93402 10.315 8.8104 10.5C8.68679 10.685 8.51109 10.8292 8.30552 10.9144C8.09995 10.9995 7.87375 11.0218 7.65552 10.9784C7.43729 10.935 7.23684 10.8278 7.0795 10.6705C6.92217 10.5132 6.81502 10.3127 6.77162 10.0945C6.72821 9.87625 6.75049 9.65005 6.83564 9.44449C6.92078 9.23892 7.06498 9.06322 7.24998 8.9396C7.43499 8.81599 7.6525 8.75001 7.875 8.75001C8.17337 8.75001 8.45952 8.86853 8.67049 9.07951C8.88147 9.29049 9 9.57664 9 9.87501ZM9 15.125C9 15.3475 8.93402 15.565 8.8104 15.75C8.68679 15.935 8.51109 16.0792 8.30552 16.1644C8.09995 16.2495 7.87375 16.2718 7.65552 16.2284C7.43729 16.185 7.23684 16.0778 7.0795 15.9205C6.92217 15.7632 6.81502 15.5627 6.77162 15.3445C6.72821 15.1263 6.75049 14.9001 6.83564 14.6945C6.92078 14.4889 7.06498 14.3132 7.24998 14.1896C7.43499 14.066 7.6525 14 7.875 14C8.17337 14 8.45952 14.1185 8.67049 14.3295C8.88147 14.5405 9 14.8266 9 15.125ZM17.25 9.87501C17.25 10.0975 17.184 10.315 17.0604 10.5C16.9368 10.685 16.7611 10.8292 16.5555 10.9144C16.3499 10.9995 16.1238 11.0218 15.9055 10.9784C15.6873 10.935 15.4868 10.8278 15.3295 10.6705C15.1722 10.5132 15.065 10.3127 15.0216 10.0945C14.9782 9.87625 15.0005 9.65005 15.0856 9.44449C15.1708 9.23892 15.315 9.06322 15.5 8.9396C15.685 8.81599 15.9025 8.75001 16.125 8.75001C16.4234 8.75001 16.7095 8.86853 16.9205 9.07951C17.1315 9.29049 17.25 9.57664 17.25 9.87501Z"
fill="#FFFFFD"
/>
</g>
</svg>
);
};
export default PaletteIcon;
|