Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Mirror icon
A free mirror 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/mirror.jsonimport * as React from "react";
/**
* Mirror from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/mirror. Sized in em, colored by currentColor.
*/
export function VscMirrorIcon(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="M14.293 2.91448L8.293 1.06648C8.196 1.03748 8.097 1.02148 7.998 1.02148C7.9 1.02148 7.801 1.03648 7.705 1.06748L1.707 2.91448C1.284 3.04348 1 3.42848 1 3.86948V14.0005C1 14.5705 1.467 15.0005 1.997 15.0005C2.096 15.0005 2.196 14.9855 2.294 14.9555L8 13.1995L13.706 14.9555C13.804 14.9855 13.904 15.0005 14.003 15.0005C14.527 15.0005 15 14.5765 15 14.0005V3.86948C15 3.42848 14.716 3.04348 14.293 2.91448ZM14 14.0005L8.5 12.3075V10.5015C8.5 10.2255 8.276 10.0015 8 10.0015C7.724 10.0015 7.5 10.2255 7.5 10.5015V12.3085L2 14.0005V3.86948L7.5 2.17648V4.50048C7.5 4.77648 7.724 5.00048 8 5.00048C8.276 5.00048 8.5 4.77648 8.5 4.50048V2.17648L14 3.86948V14.0005Z"
/>
<path
d="M10 5.50048C10 5.62848 10.049 5.75648 10.146 5.85448L11.292 7.00048H4.706L5.852 5.85448C5.95 5.75648 5.998 5.62848 5.998 5.50048C5.998 5.22448 5.774 5.00048 5.498 5.00048C5.37 5.00048 5.242 5.04948 5.144 5.14648L3.144 7.14648C3.046 7.24448 2.998 7.37248 2.998 7.50048C2.998 7.62848 3.047 7.75648 3.144 7.85448L5.144 9.85448C5.242 9.95248 5.37 10.0005 5.498 10.0005C5.774 10.0005 5.998 9.77648 5.998 9.50048C5.998 9.37248 5.949 9.24448 5.852 9.14648L4.706 8.00048H11.292L10.146 9.14648C10.048 9.24448 10 9.37248 10 9.50048C10 9.77648 10.224 10.0005 10.5 10.0005C10.628 10.0005 10.756 9.95148 10.854 9.85448L12.854 7.85448C12.952 7.75648 13 7.62848 13 7.50048C13 7.37248 12.951 7.24448 12.854 7.14648L10.854 5.14648C10.756 5.04848 10.628 5.00048 10.5 5.00048C10.224 5.00048 10 5.22448 10 5.50048Z"
/>
</svg>
);
}import { VscMirror } from "react-icons/vsc";
export function Example() {
return <VscMirror 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="M14.293 2.91448L8.293 1.06648C8.196 1.03748 8.097 1.02148 7.998 1.02148C7.9 1.02148 7.801 1.03648 7.705 1.06748L1.707 2.91448C1.284 3.04348 1 3.42848 1 3.86948V14.0005C1 14.5705 1.467 15.0005 1.997 15.0005C2.096 15.0005 2.196 14.9855 2.294 14.9555L8 13.1995L13.706 14.9555C13.804 14.9855 13.904 15.0005 14.003 15.0005C14.527 15.0005 15 14.5765 15 14.0005V3.86948C15 3.42848 14.716 3.04348 14.293 2.91448ZM14 14.0005L8.5 12.3075V10.5015C8.5 10.2255 8.276 10.0015 8 10.0015C7.724 10.0015 7.5 10.2255 7.5 10.5015V12.3085L2 14.0005V3.86948L7.5 2.17648V4.50048C7.5 4.77648 7.724 5.00048 8 5.00048C8.276 5.00048 8.5 4.77648 8.5 4.50048V2.17648L14 3.86948V14.0005Z"
/>
<path
d="M10 5.50048C10 5.62848 10.049 5.75648 10.146 5.85448L11.292 7.00048H4.706L5.852 5.85448C5.95 5.75648 5.998 5.62848 5.998 5.50048C5.998 5.22448 5.774 5.00048 5.498 5.00048C5.37 5.00048 5.242 5.04948 5.144 5.14648L3.144 7.14648C3.046 7.24448 2.998 7.37248 2.998 7.50048C2.998 7.62848 3.047 7.75648 3.144 7.85448L5.144 9.85448C5.242 9.95248 5.37 10.0005 5.498 10.0005C5.774 10.0005 5.998 9.77648 5.998 9.50048C5.998 9.37248 5.949 9.24448 5.852 9.14648L4.706 8.00048H11.292L10.146 9.14648C10.048 9.24448 10 9.37248 10 9.50048C10 9.77648 10.224 10.0005 10.5 10.0005C10.628 10.0005 10.756 9.95148 10.854 9.85448L12.854 7.85448C12.952 7.75648 13 7.62848 13 7.50048C13 7.37248 12.951 7.24448 12.854 7.14648L10.854 5.14648C10.756 5.04848 10.628 5.00048 10.5 5.00048C10.224 5.00048 10 5.22448 10 5.50048Z"
/>
</svg>"Mirror" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.