Hover the icon or press Play. Suggested motion: zoom. Pick another to preview it and update the animated code:
Search Stop icon
A free search stop icon from VS Code 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
- CC BY 4.0 license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/search-stop.jsonimport * as React from "react";
/**
* Search Stop from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/search-stop. Sized in em, colored by currentColor.
*/
export function VscSearchStopIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M13.854 13.854C13.659 14.049 13.342 14.049 13.147 13.854L9.925 10.632C9.813 9.92901 9.568 9.27201 9.216 8.68401C9.699 8.08401 10.001 7.33101 10.001 6.50101C10.001 4.56801 8.434 3.00101 6.501 3.00101C4.669 3.00101 3.183 4.41401 3.031 6.20701C2.675 6.30601 2.335 6.43901 2.012 6.60401C2.012 6.56901 2.002 6.53701 2.002 6.50201C2.002 4.01701 4.017 2.00201 6.502 2.00201C8.987 2.00201 11.002 4.01701 11.002 6.50201C11.002 7.56401 10.634 8.54101 10.018 9.31101L13.856 13.149C14.051 13.344 14.051 13.661 13.856 13.856L13.854 13.854ZM9 11.5C9 13.985 6.985 16 4.5 16C2.015 16 0 13.985 0 11.5C0 9.01501 2.015 7.00001 4.5 7.00001C6.985 7.00001 9 9.01501 9 11.5ZM1.697 13.596L6.596 8.69701C6.012 8.25901 5.286 8.00001 4.5 8.00001C2.567 8.00001 1 9.56701 1 11.5C1 12.286 1.259 13.012 1.697 13.596ZM8 11.5C8 10.714 7.741 9.98801 7.303 9.40401L2.404 14.303C2.988 14.741 3.714 15 4.5 15C6.433 15 8 13.433 8 11.5Z"
/>
</svg>
);
}import { VscSearchStop } from "react-icons/vsc";
export function Example() {
return <VscSearchStop className="size-5" />;
}<svg
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M13.854 13.854C13.659 14.049 13.342 14.049 13.147 13.854L9.925 10.632C9.813 9.92901 9.568 9.27201 9.216 8.68401C9.699 8.08401 10.001 7.33101 10.001 6.50101C10.001 4.56801 8.434 3.00101 6.501 3.00101C4.669 3.00101 3.183 4.41401 3.031 6.20701C2.675 6.30601 2.335 6.43901 2.012 6.60401C2.012 6.56901 2.002 6.53701 2.002 6.50201C2.002 4.01701 4.017 2.00201 6.502 2.00201C8.987 2.00201 11.002 4.01701 11.002 6.50201C11.002 7.56401 10.634 8.54101 10.018 9.31101L13.856 13.149C14.051 13.344 14.051 13.661 13.856 13.856L13.854 13.854ZM9 11.5C9 13.985 6.985 16 4.5 16C2.015 16 0 13.985 0 11.5C0 9.01501 2.015 7.00001 4.5 7.00001C6.985 7.00001 9 9.01501 9 11.5ZM1.697 13.596L6.596 8.69701C6.012 8.25901 5.286 8.00001 4.5 8.00001C2.567 8.00001 1 9.56701 1 11.5C1 12.286 1.259 13.012 1.697 13.596ZM8 11.5C8 10.714 7.741 9.98801 7.303 9.40401L2.404 14.303C2.988 14.741 3.714 15 4.5 15C6.433 15 8 13.433 8 11.5Z"
/>
</svg>"Search Stop" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.