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

Simple Icons · SiOpenjsfoundation

Openjsfoundation icon

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

components/icons/simple-icons-openjsfoundation.tsx

import * as React from "react";

/**
 * Openjsfoundation from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/openjsfoundation. Sized in em, colored by currentColor.
 */
export function SiOpenjsfoundationIcon(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="M11.992 0 1.603 6v12L12 24l10.397-5.992V6L11.992 0M10.97 1.534 8.458 5.878H3.443l7.526-4.344M8.046 6.595 6.87 8.634 3.343 6.595h4.703M7.13 9.603 11.275 12 7.13 14.397 5.748 12 7.13 9.603m-.611-.351L5.343 11.29 2.985 7.214l3.534 2.038m-4.1-1.595L4.932 12 2.42 16.343V7.657m2.916 5.06 1.175 2.039-3.526 2.038 2.35-4.076m1.535 2.648 1.176 2.039H3.343l3.527-2.039m-3.427 2.756h5.015l2.511 4.344-7.526-4.344M11.64 22.2l-2.35-4.078h2.351V22.2m0-4.794h-2.77l-1.383-2.397 4.145-2.397v4.794h.008m0-6.023L7.496 8.985l1.382-2.397h2.763v4.794m0-5.504H9.29l2.351-4.076v4.076m5.832 3.374L21 7.214l-2.351 4.076-1.176-2.038M18.237 12l-1.382 2.397L12.71 12l4.145-2.397L18.236 12m-1.122-3.366L15.94 6.595h4.702l-3.527 2.039m3.428-2.756h-5.015l-2.504-4.344 7.519 4.344m-8.19-4.076 2.35 4.076h-2.351V1.802m0 4.793h2.763l1.382 2.397-4.145 2.397V6.595m0 6.023 4.145 2.397-1.382 2.39h-2.763v-4.787m0 5.504h2.351l-2.351 4.076v-4.076m.672 4.344 2.504-4.344h5.015l-7.52 4.344m2.917-5.061 1.175-2.039 3.527 2.039H15.94m1.534-2.657 1.176-2.038L21 16.786l-3.526-2.038m4.1 1.595L19.06 12l2.511-4.343v8.687"
      />
    </svg>
  );
}

With react-icons

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

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

openjsfoundation.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="M11.992 0 1.603 6v12L12 24l10.397-5.992V6L11.992 0M10.97 1.534 8.458 5.878H3.443l7.526-4.344M8.046 6.595 6.87 8.634 3.343 6.595h4.703M7.13 9.603 11.275 12 7.13 14.397 5.748 12 7.13 9.603m-.611-.351L5.343 11.29 2.985 7.214l3.534 2.038m-4.1-1.595L4.932 12 2.42 16.343V7.657m2.916 5.06 1.175 2.039-3.526 2.038 2.35-4.076m1.535 2.648 1.176 2.039H3.343l3.527-2.039m-3.427 2.756h5.015l2.511 4.344-7.526-4.344M11.64 22.2l-2.35-4.078h2.351V22.2m0-4.794h-2.77l-1.383-2.397 4.145-2.397v4.794h.008m0-6.023L7.496 8.985l1.382-2.397h2.763v4.794m0-5.504H9.29l2.351-4.076v4.076m5.832 3.374L21 7.214l-2.351 4.076-1.176-2.038M18.237 12l-1.382 2.397L12.71 12l4.145-2.397L18.236 12m-1.122-3.366L15.94 6.595h4.702l-3.527 2.039m3.428-2.756h-5.015l-2.504-4.344 7.519 4.344m-8.19-4.076 2.35 4.076h-2.351V1.802m0 4.793h2.763l1.382 2.397-4.145 2.397V6.595m0 6.023 4.145 2.397-1.382 2.39h-2.763v-4.787m0 5.504h2.351l-2.351 4.076v-4.076m.672 4.344 2.504-4.344h5.015l-7.52 4.344m2.917-5.061 1.175-2.039 3.527 2.039H15.94m1.534-2.657 1.176-2.038L21 16.786l-3.526-2.038m4.1 1.595L19.06 12l2.511-4.343v8.687"
  />
</svg>

Attribution

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

Similar Simple Icons icons