Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Simple Icons · SiDistrobox

Distrobox icon

A free distrobox icon from Simple 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: CC0 1.0 Universal license
Project: simpleicons.org

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/distrobox.json

components/icons/simple-icons-distrobox.tsx

import * as React from "react";

/**
 * Distrobox from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/distrobox. Sized in em, colored by currentColor.
 */
export function SiDistroboxIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      role="img"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12 0a2.596 2.596 0 0 0-1.298.348L2.558 5.05A2.596 2.596 0 0 0 1.26 7.298v9.404a2.596 2.596 0 0 0 1.298 2.248l8.144 4.702a2.596 2.596 0 0 0 2.596 0l8.144-4.702a2.596 2.596 0 0 0 1.298-2.248V7.298a2.596 2.596 0 0 0-1.298-2.248L13.298.348A2.596 2.596 0 0 0 12 0Zm-.15.9a.865.865 0 0 1 .583.102l7.876 4.548a.288.288 0 0 1 0 .5l-7.876 4.547a.865.865 0 0 1-.866 0L3.691 6.049a.288.288 0 0 1 0-.5l7.876-4.547A.865.865 0 0 1 11.85.9zm4.126 4.069-2.666 1.54.69.398 2.667-1.539zm-5.025.4-3.618.862.846.489 2.239-.634-1.083 1.301.846.489 1.493-2.089zM2.498 7.746a.288.288 0 0 1 .194.034l7.876 4.547a.865.865 0 0 1 .433.75v9.095a.288.288 0 0 1-.433.25l-7.876-4.548a.865.865 0 0 1-.433-.75V8.03a.288.288 0 0 1 .239-.284zm19.004 0a.288.288 0 0 1 .239.284v9.095a.865.865 0 0 1-.433.749l-7.876 4.547a.288.288 0 0 1-.433-.25v-9.094a.865.865 0 0 1 .433-.75l7.876-4.547a.288.288 0 0 1 .194-.034zm-17.58 3.529v.977l1.67 1.622-1.67-.288v.977l2.556.249v-.835zm13.296 2.878-2.555.248v.977l1.668-.304-1.668 1.639v.977l2.555-2.703zm2.86.85-2.667 1.539v.798l2.666-1.54zM6.67 16.589v.798l2.666 1.54v-.798z"
      />
    </svg>
  );
}

With react-icons

import { SiDistrobox } from "react-icons/si";

export function Example() {
  return <SiDistrobox className="size-5" />;
}

distrobox.svg

<svg
  role="img"
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M12 0a2.596 2.596 0 0 0-1.298.348L2.558 5.05A2.596 2.596 0 0 0 1.26 7.298v9.404a2.596 2.596 0 0 0 1.298 2.248l8.144 4.702a2.596 2.596 0 0 0 2.596 0l8.144-4.702a2.596 2.596 0 0 0 1.298-2.248V7.298a2.596 2.596 0 0 0-1.298-2.248L13.298.348A2.596 2.596 0 0 0 12 0Zm-.15.9a.865.865 0 0 1 .583.102l7.876 4.548a.288.288 0 0 1 0 .5l-7.876 4.547a.865.865 0 0 1-.866 0L3.691 6.049a.288.288 0 0 1 0-.5l7.876-4.547A.865.865 0 0 1 11.85.9zm4.126 4.069-2.666 1.54.69.398 2.667-1.539zm-5.025.4-3.618.862.846.489 2.239-.634-1.083 1.301.846.489 1.493-2.089zM2.498 7.746a.288.288 0 0 1 .194.034l7.876 4.547a.865.865 0 0 1 .433.75v9.095a.288.288 0 0 1-.433.25l-7.876-4.548a.865.865 0 0 1-.433-.75V8.03a.288.288 0 0 1 .239-.284zm19.004 0a.288.288 0 0 1 .239.284v9.095a.865.865 0 0 1-.433.749l-7.876 4.547a.288.288 0 0 1-.433-.25v-9.094a.865.865 0 0 1 .433-.75l7.876-4.547a.288.288 0 0 1 .194-.034zm-17.58 3.529v.977l1.67 1.622-1.67-.288v.977l2.556.249v-.835zm13.296 2.878-2.555.248v.977l1.668-.304-1.668 1.639v.977l2.555-2.703zm2.86.85-2.667 1.539v.798l2.666-1.54zM6.67 16.589v.798l2.666 1.54v-.798z"
  />
</svg>

Attribution

"Distrobox" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.

Similar Simple Icons icons