Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Workspace Trusted icon
A free workspace trusted 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/workspace-trusted.jsonimport * as React from "react";
/**
* Workspace Trusted from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/workspace-trusted. Sized in em, colored by currentColor.
*/
export function VscWorkspaceTrustedIcon(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
d="M13.4 3C11.563 3 9.91401 2.667 8.42601 1.176C8.30901 1.059 8.15501 1 8.00101 1C7.84801 1 7.69501 1.059 7.57801 1.176C6.08601 2.667 4.43601 3 2.60101 3C2.27001 3 2.00101 3.269 2.00101 3.6V7.202C2.00101 11.064 3.97101 13.689 7.81101 14.97C7.87301 14.991 7.93701 15.001 8.00101 15.001C8.06501 15.001 8.12901 14.991 8.19101 14.97C12.032 13.69 14.001 11.064 14.001 7.202V3.6C14.001 3.269 13.731 3 13.4 3ZM13 7.201C13 10.597 11.364 12.815 8.00001 13.977C4.63601 12.815 3.00001 10.597 3.00001 7.201V3.995C4.57901 3.956 6.35201 3.646 8.00101 2.152C9.64701 3.645 11.421 3.955 13 3.995V7.201ZM7.49901 8.793L10.145 6.147C10.243 6.049 10.371 6.001 10.499 6.001C10.775 6.001 10.999 6.225 10.999 6.501C10.999 6.629 10.95 6.757 10.853 6.855L7.85301 9.855C7.75501 9.953 7.62701 10.001 7.49901 10.001C7.37101 10.001 7.24301 9.952 7.14501 9.855L5.64501 8.355C5.54701 8.257 5.49901 8.129 5.49901 8.001C5.49901 7.725 5.72301 7.501 5.99901 7.501C6.12701 7.501 6.25501 7.55 6.35301 7.647L7.49901 8.793Z"
/>
</svg>
);
}import { VscWorkspaceTrusted } from "react-icons/vsc";
export function Example() {
return <VscWorkspaceTrusted 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
d="M13.4 3C11.563 3 9.91401 2.667 8.42601 1.176C8.30901 1.059 8.15501 1 8.00101 1C7.84801 1 7.69501 1.059 7.57801 1.176C6.08601 2.667 4.43601 3 2.60101 3C2.27001 3 2.00101 3.269 2.00101 3.6V7.202C2.00101 11.064 3.97101 13.689 7.81101 14.97C7.87301 14.991 7.93701 15.001 8.00101 15.001C8.06501 15.001 8.12901 14.991 8.19101 14.97C12.032 13.69 14.001 11.064 14.001 7.202V3.6C14.001 3.269 13.731 3 13.4 3ZM13 7.201C13 10.597 11.364 12.815 8.00001 13.977C4.63601 12.815 3.00001 10.597 3.00001 7.201V3.995C4.57901 3.956 6.35201 3.646 8.00101 2.152C9.64701 3.645 11.421 3.955 13 3.995V7.201ZM7.49901 8.793L10.145 6.147C10.243 6.049 10.371 6.001 10.499 6.001C10.775 6.001 10.999 6.225 10.999 6.501C10.999 6.629 10.95 6.757 10.853 6.855L7.85301 9.855C7.75501 9.953 7.62701 10.001 7.49901 10.001C7.37101 10.001 7.24301 9.952 7.14501 9.855L5.64501 8.355C5.54701 8.257 5.49901 8.129 5.49901 8.001C5.49901 7.725 5.72301 7.501 5.99901 7.501C6.12701 7.501 6.25501 7.55 6.35301 7.647L7.49901 8.793Z"
/>
</svg>"Workspace Trusted" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.