Hover the icon or press Play. Suggested motion: blink. Pick another to preview it and update the animated code:
Eyeglass icon
A free eyeglass icon from Simple Line Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
- License
- MIT license
- Project
- thesabbir.github.io
npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-line-icons/eyeglass.jsonimport * as React from "react";
/**
* Eyeglass from Simple Line Icons (https://thesabbir.github.io/simple-line-icons/), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/simple-line-icons/eyeglass. Sized in em, colored by currentColor.
*/
export function SlEyeglassIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 1024 1024"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M1025.38 651.792c-.976-13.84-53.008-319.313-61.151-368.226-.785-4.688-1.409-9.68-2.096-14.944-6.288-49.153-18.032-140.624-165.473-140.624-17.68 0-32 14.32-32 32s14.32 32 32 32c91.12 0 95.936 37.408 102 84.784.785 6.064 1.537 11.872 2.434 17.28 3.744 22.528 20.704 112.16 35.343 201.024-37.551-28.624-84.288-45.807-135.12-45.807-81.648 0-154.32 43.952-194.272 109.36-19.215-7.264-51.824-16.336-95.392-16.336-42.945 0-74.513 9.135-94.032 17.088-38.848-65.825-110.304-110.128-192.271-110.128-53.264 0-102.735 18.72-141.84 49.84 14.832-89.985 32.4-182.033 36.208-205.025.912-5.408 1.664-11.215 2.431-17.28 6.065-47.376 10.881-84.784 102.001-84.784 17.68 0 32-14.32 32-32s-14.32-32-32-32c-147.44 0-159.185 91.472-165.473 140.624-.688 5.248-1.312 10.256-2.097 14.944C48.42 332.494-.427 635.95-1.387 649.807c-.224 3.088.144 6.048.753 8.944-.304 4.624-.72 9.215-.72 13.904 0 123.344 103.344 223.344 226.688 223.344s223.344-100 223.344-223.344c0-18.656-2.544-36.672-6.848-53.984 13.12-5.28 36.832-12.335 69.808-12.335 32.176 0 56.464 6.431 70.304 11.328-4.609 17.631-7.329 35.967-7.329 54.992C574.613 796 677.957 896 801.301 896s223.344-100 223.344-223.344c0-3.344-.351-6.608-.495-9.92.976-3.488 1.52-7.137 1.232-10.944zm-800.036 180.19c-88.192 0-162.688-72.976-162.688-159.344s74.496-159.344 162.688-159.344c87.872 0 159.344 71.472 159.344 159.344s-71.472 159.344-159.344 159.344zm575.968 0c-88.192 0-162.689-72.978-162.689-159.346s74.496-159.344 162.688-159.344c76 0 139.632 53.488 155.456 124.784.656 6.528 1.2 12.672 1.616 18.288.193 2.689.912 5.217 1.84 7.665.16 2.88.433 5.712.433 8.624 0 87.857-71.472 159.328-159.344 159.328z"
/>
</svg>
);
}import { SlEyeglass } from "react-icons/sl";
export function Example() {
return <SlEyeglass className="size-5" />;
}<svg
viewBox="0 0 1024 1024"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M1025.38 651.792c-.976-13.84-53.008-319.313-61.151-368.226-.785-4.688-1.409-9.68-2.096-14.944-6.288-49.153-18.032-140.624-165.473-140.624-17.68 0-32 14.32-32 32s14.32 32 32 32c91.12 0 95.936 37.408 102 84.784.785 6.064 1.537 11.872 2.434 17.28 3.744 22.528 20.704 112.16 35.343 201.024-37.551-28.624-84.288-45.807-135.12-45.807-81.648 0-154.32 43.952-194.272 109.36-19.215-7.264-51.824-16.336-95.392-16.336-42.945 0-74.513 9.135-94.032 17.088-38.848-65.825-110.304-110.128-192.271-110.128-53.264 0-102.735 18.72-141.84 49.84 14.832-89.985 32.4-182.033 36.208-205.025.912-5.408 1.664-11.215 2.431-17.28 6.065-47.376 10.881-84.784 102.001-84.784 17.68 0 32-14.32 32-32s-14.32-32-32-32c-147.44 0-159.185 91.472-165.473 140.624-.688 5.248-1.312 10.256-2.097 14.944C48.42 332.494-.427 635.95-1.387 649.807c-.224 3.088.144 6.048.753 8.944-.304 4.624-.72 9.215-.72 13.904 0 123.344 103.344 223.344 226.688 223.344s223.344-100 223.344-223.344c0-18.656-2.544-36.672-6.848-53.984 13.12-5.28 36.832-12.335 69.808-12.335 32.176 0 56.464 6.431 70.304 11.328-4.609 17.631-7.329 35.967-7.329 54.992C574.613 796 677.957 896 801.301 896s223.344-100 223.344-223.344c0-3.344-.351-6.608-.495-9.92.976-3.488 1.52-7.137 1.232-10.944zm-800.036 180.19c-88.192 0-162.688-72.976-162.688-159.344s74.496-159.344 162.688-159.344c87.872 0 159.344 71.472 159.344 159.344s-71.472 159.344-159.344 159.344zm575.968 0c-88.192 0-162.689-72.978-162.689-159.346s74.496-159.344 162.688-159.344c76 0 139.632 53.488 155.456 124.784.656 6.528 1.2 12.672 1.616 18.288.193 2.689.912 5.217 1.84 7.665.16 2.88.433 5.712.433 8.624 0 87.857-71.472 159.328-159.344 159.328z"
/>
</svg>"Eyeglass" icon from Simple Line Icons (https://thesabbir.github.io/simple-line-icons/), licensed under MIT license.