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

Simple Icons · SiLaunchpad

Launchpad icon

A free launchpad 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/launchpad.json

components/icons/simple-icons-launchpad.tsx

import * as React from "react";

/**
 * Launchpad from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/launchpad. Sized in em, colored by currentColor.
 */
export function SiLaunchpadIcon(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="M1.518 7.088 2.68 5.351c.107-.158.175-.162.293-.106 2.556 1.476 4.848 1.685 7.212.662 2.35-1.019 3.763-2.82 4.445-5.659.072-.256.166-.254.231-.245l2.03.44c.343.086.33.18.322.25-.45 3.328-2.755 6.251-6.019 7.632-3.317 1.426-6.92 1.112-9.64-.84-.056-.048-.182-.177-.032-.397h-.003Zm10.115 16.798 2.081.114c.35.006.36-.087.369-.156.45-3.328-.999-6.758-3.779-8.953-2.82-2.256-6.378-2.91-9.519-1.749-.065.033-.222.123-.136.373l.659 1.984c.063.18.125.202.254.179 2.855-.744 5.12-.339 7.128 1.275 1.996 1.606 2.88 3.716 2.784 6.644.003.258.093.281.158.29l.001-.001Zm1.335-13.868a2.04 2.04 0 0 0-.28-.02c-.422 0-.82.132-1.146.38a1.907 1.907 0 0 0-.725 1.28c-.07.508.06 1.01.362 1.411.305.407.759.67 1.277.74a1.915 1.915 0 0 0 2.15-1.64 1.892 1.892 0 0 0-1.64-2.152l.002.001ZM23.36 6.525l-.966-1.85c-.137-.304-.247-.274-.36-.236-3.089 1.332-5.22 4.26-5.703 7.838-.483 3.58.797 6.973 3.426 9.075.059.052.117.07.182.065a.3.3 0 0 0 .2-.109l1.358-1.628c.125-.157.071-.238.006-.306-2.13-2.096-2.926-4.18-2.58-6.748.349-2.583 1.71-4.433 4.286-5.827.204-.123.17-.228.151-.276v.002Z"
      />
    </svg>
  );
}

With react-icons

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

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

launchpad.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="M1.518 7.088 2.68 5.351c.107-.158.175-.162.293-.106 2.556 1.476 4.848 1.685 7.212.662 2.35-1.019 3.763-2.82 4.445-5.659.072-.256.166-.254.231-.245l2.03.44c.343.086.33.18.322.25-.45 3.328-2.755 6.251-6.019 7.632-3.317 1.426-6.92 1.112-9.64-.84-.056-.048-.182-.177-.032-.397h-.003Zm10.115 16.798 2.081.114c.35.006.36-.087.369-.156.45-3.328-.999-6.758-3.779-8.953-2.82-2.256-6.378-2.91-9.519-1.749-.065.033-.222.123-.136.373l.659 1.984c.063.18.125.202.254.179 2.855-.744 5.12-.339 7.128 1.275 1.996 1.606 2.88 3.716 2.784 6.644.003.258.093.281.158.29l.001-.001Zm1.335-13.868a2.04 2.04 0 0 0-.28-.02c-.422 0-.82.132-1.146.38a1.907 1.907 0 0 0-.725 1.28c-.07.508.06 1.01.362 1.411.305.407.759.67 1.277.74a1.915 1.915 0 0 0 2.15-1.64 1.892 1.892 0 0 0-1.64-2.152l.002.001ZM23.36 6.525l-.966-1.85c-.137-.304-.247-.274-.36-.236-3.089 1.332-5.22 4.26-5.703 7.838-.483 3.58.797 6.973 3.426 9.075.059.052.117.07.182.065a.3.3 0 0 0 .2-.109l1.358-1.628c.125-.157.071-.238.006-.306-2.13-2.096-2.926-4.18-2.58-6.748.349-2.583 1.71-4.433 4.286-5.827.204-.123.17-.228.151-.276v.002Z"
  />
</svg>

Attribution

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

Similar Simple Icons icons