Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Codesandbox Logo icon
A free codesandbox 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/codesandbox-logo.jsonimport * as React from "react";
/**
* Codesandbox Logo from Radix Icons (https://icons.radix-ui.com), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/radix/codesandbox-logo. Sized in em, colored by currentColor.
*/
export function RxCodesandboxLogoIcon(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
fillRule="evenodd"
clipRule="evenodd"
d="M7.71144 0.796908C7.57742 0.734364 7.42258 0.734364 7.28856 0.796908L1.28856 3.59691C1.11252 3.67906 1 3.85574 1 4.05V10.95C1 11.1443 1.11252 11.3209 1.28856 11.4031L7.28856 14.2031C7.42258 14.2656 7.57742 14.2656 7.71144 14.2031L13.7114 11.4031C13.8875 11.3209 14 11.1443 14 10.95V4.05C14 3.85574 13.8875 3.67906 13.7114 3.59691L7.71144 0.796908ZM7.5 3.15674L5.9804 2.51091L7.5 1.80176L9.0196 2.51091L7.5 3.15674ZM7.69557 4.16019L10.2382 3.07958L12.2719 4.02866L7.5 6.05672L2.72809 4.02866L4.76182 3.07958L7.30443 4.16019C7.4294 4.2133 7.5706 4.2133 7.69557 4.16019ZM8 6.93078L13 4.80578V7.92967L11.0821 8.8119C10.7273 8.9751 10.5 9.32988 10.5 9.72039V11.7982L8 12.9649V6.93078ZM11.5 11.3316L13 10.6316V9.03039L11.5 9.72039V11.3316ZM7 6.93078V12.9649L4.50232 11.7993V9.72036C4.50232 9.32985 4.275 8.97507 3.92022 8.81187L2 7.92857V4.80578L7 6.93078ZM2 10.6316L3.50232 11.3327L3.50232 9.72036L2 9.0293V10.6316Z"
fill="currentColor"
/>
</svg>
);
}import { RxCodesandboxLogo } from "react-icons/rx";
export function Example() {
return <RxCodesandboxLogo 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
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.71144 0.796908C7.57742 0.734364 7.42258 0.734364 7.28856 0.796908L1.28856 3.59691C1.11252 3.67906 1 3.85574 1 4.05V10.95C1 11.1443 1.11252 11.3209 1.28856 11.4031L7.28856 14.2031C7.42258 14.2656 7.57742 14.2656 7.71144 14.2031L13.7114 11.4031C13.8875 11.3209 14 11.1443 14 10.95V4.05C14 3.85574 13.8875 3.67906 13.7114 3.59691L7.71144 0.796908ZM7.5 3.15674L5.9804 2.51091L7.5 1.80176L9.0196 2.51091L7.5 3.15674ZM7.69557 4.16019L10.2382 3.07958L12.2719 4.02866L7.5 6.05672L2.72809 4.02866L4.76182 3.07958L7.30443 4.16019C7.4294 4.2133 7.5706 4.2133 7.69557 4.16019ZM8 6.93078L13 4.80578V7.92967L11.0821 8.8119C10.7273 8.9751 10.5 9.32988 10.5 9.72039V11.7982L8 12.9649V6.93078ZM11.5 11.3316L13 10.6316V9.03039L11.5 9.72039V11.3316ZM7 6.93078V12.9649L4.50232 11.7993V9.72036C4.50232 9.32985 4.275 8.97507 3.92022 8.81187L2 7.92857V4.80578L7 6.93078ZM2 10.6316L3.50232 11.3327L3.50232 9.72036L2 9.0293V10.6316Z"
fill="currentColor"
/>
</svg>"Codesandbox Logo" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.