Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Sketch Logo icon
A free sketch logo icon from Radix 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
- icons.radix-ui.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/sketch-logo.jsonimport * as React from "react";
/**
* Sketch Logo from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/sketch-logo. Sized in em, colored by currentColor.
*/
export function RxSketchLogoIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
fill="none"
viewBox="0 0 15 15"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M11.0371 1.17657L11.1143 1.19318C11.1892 1.21716 11.2555 1.26438 11.3027 1.32892L14.3027 5.42853C14.3086 5.43661 14.3132 5.44551 14.3184 5.45392C14.3214 5.45877 14.3244 5.46357 14.3271 5.46857C14.3337 5.48039 14.3395 5.49239 14.3447 5.5047C14.3485 5.5137 14.3524 5.5227 14.3555 5.53204C14.3588 5.54199 14.3608 5.55219 14.3633 5.56232C14.3655 5.57136 14.3676 5.58038 14.3691 5.58966C14.3717 5.60523 14.3725 5.62082 14.373 5.63654C14.3732 5.64109 14.375 5.64561 14.375 5.65021V5.66095C14.3727 5.74206 14.3444 5.82242 14.29 5.88849L7.79004 13.7879C7.71881 13.8745 7.61211 13.9246 7.5 13.9246C7.38789 13.9246 7.28119 13.8745 7.20996 13.7879L0.709961 5.88849C0.703834 5.88104 0.698828 5.87285 0.693359 5.86505C0.691075 5.8618 0.688706 5.85861 0.686523 5.85529C0.647859 5.79624 0.626901 5.72908 0.625 5.66095V5.65021C0.625 5.64562 0.625813 5.64108 0.625977 5.63654C0.626655 5.61819 0.628472 5.59998 0.631836 5.58185C0.632931 5.57591 0.634371 5.5701 0.635742 5.56427C0.639564 5.54805 0.644379 5.53213 0.650391 5.51642C0.652754 5.51025 0.654551 5.50387 0.657227 5.49786C0.664861 5.48069 0.674222 5.46421 0.68457 5.44806C0.687011 5.44426 0.688833 5.44005 0.691406 5.43634C0.693255 5.43367 0.69534 5.43116 0.697266 5.42853L3.69727 1.32892L3.75 1.27032C3.80869 1.21787 3.88325 1.18454 3.96289 1.17657L7.46289 0.826965H7.53711L11.0371 1.17657ZM5.15137 6.02521L7.49902 12.1082L9.84863 6.02521H5.15137ZM1.79395 6.02521L6.75684 12.0565L4.22363 6.0672L4.21094 6.02521H1.79395ZM10.7891 6.02521C10.7854 6.03921 10.7822 6.05349 10.7764 6.0672L8.24219 12.0555L13.2041 6.02521H10.7891ZM10.9219 5.27521H10.9248V5.24982L10.9219 5.27521ZM5.65918 5.27521H9.34082L7.5 2.18243L5.65918 5.27521ZM4.42871 1.88263L4.82422 5.20978L6.95605 1.6297L4.42871 1.88263ZM10.1748 5.20978L10.5703 1.88263L8.04297 1.6297L10.1748 5.20978ZM10.9336 5.1756H13.1875L11.249 2.52521L10.9336 5.1756ZM1.81152 5.1756H4.06641L3.75 2.52423L1.81152 5.1756Z"
fill="currentColor"
/>
</svg>
);
}import { RxSketchLogo } from "react-icons/rx";
export function Example() {
return <RxSketchLogo className="size-5" />;
}<svg
fill="none"
viewBox="0 0 15 15"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M11.0371 1.17657L11.1143 1.19318C11.1892 1.21716 11.2555 1.26438 11.3027 1.32892L14.3027 5.42853C14.3086 5.43661 14.3132 5.44551 14.3184 5.45392C14.3214 5.45877 14.3244 5.46357 14.3271 5.46857C14.3337 5.48039 14.3395 5.49239 14.3447 5.5047C14.3485 5.5137 14.3524 5.5227 14.3555 5.53204C14.3588 5.54199 14.3608 5.55219 14.3633 5.56232C14.3655 5.57136 14.3676 5.58038 14.3691 5.58966C14.3717 5.60523 14.3725 5.62082 14.373 5.63654C14.3732 5.64109 14.375 5.64561 14.375 5.65021V5.66095C14.3727 5.74206 14.3444 5.82242 14.29 5.88849L7.79004 13.7879C7.71881 13.8745 7.61211 13.9246 7.5 13.9246C7.38789 13.9246 7.28119 13.8745 7.20996 13.7879L0.709961 5.88849C0.703834 5.88104 0.698828 5.87285 0.693359 5.86505C0.691075 5.8618 0.688706 5.85861 0.686523 5.85529C0.647859 5.79624 0.626901 5.72908 0.625 5.66095V5.65021C0.625 5.64562 0.625813 5.64108 0.625977 5.63654C0.626655 5.61819 0.628472 5.59998 0.631836 5.58185C0.632931 5.57591 0.634371 5.5701 0.635742 5.56427C0.639564 5.54805 0.644379 5.53213 0.650391 5.51642C0.652754 5.51025 0.654551 5.50387 0.657227 5.49786C0.664861 5.48069 0.674222 5.46421 0.68457 5.44806C0.687011 5.44426 0.688833 5.44005 0.691406 5.43634C0.693255 5.43367 0.69534 5.43116 0.697266 5.42853L3.69727 1.32892L3.75 1.27032C3.80869 1.21787 3.88325 1.18454 3.96289 1.17657L7.46289 0.826965H7.53711L11.0371 1.17657ZM5.15137 6.02521L7.49902 12.1082L9.84863 6.02521H5.15137ZM1.79395 6.02521L6.75684 12.0565L4.22363 6.0672L4.21094 6.02521H1.79395ZM10.7891 6.02521C10.7854 6.03921 10.7822 6.05349 10.7764 6.0672L8.24219 12.0555L13.2041 6.02521H10.7891ZM10.9219 5.27521H10.9248V5.24982L10.9219 5.27521ZM5.65918 5.27521H9.34082L7.5 2.18243L5.65918 5.27521ZM4.42871 1.88263L4.82422 5.20978L6.95605 1.6297L4.42871 1.88263ZM10.1748 5.20978L10.5703 1.88263L8.04297 1.6297L10.1748 5.20978ZM10.9336 5.1756H13.1875L11.249 2.52521L10.9336 5.1756ZM1.81152 5.1756H4.06641L3.75 2.52423L1.81152 5.1756Z"
fill="currentColor"
/>
</svg>"Sketch Logo" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.