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

Simple Icons · SiObb

Obb icon

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

components/icons/simple-icons-obb.tsx

import * as React from "react";

/**
 * Obb from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/obb. Sized in em, colored by currentColor.
 */
export function SiObbIcon(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="m7.375 9.305-1.123 1.226c.304.426.471.934.471 1.469 0 .679-.264 1.317-.744 1.797s-1.118.744-1.797.744a2.525 2.525 0 0 1-1.797-.744A2.524 2.524 0 0 1 1.641 12a2.543 2.543 0 0 1 2.496-2.54l1.32-1.44a4.176 4.176 0 0 0-1.275-.202A4.187 4.187 0 0 0 0 12c0 1.117.435 2.167 1.225 2.957s1.84 1.225 2.957 1.225a4.153 4.153 0 0 0 2.957-1.225A4.154 4.154 0 0 0 8.364 12c0-.998-.35-1.941-.989-2.695M5.983 8.082v-.005L3.076 11.24h1.949l2.897-3.16H5.983m5.39 4.516h2.29c.314 0 .954.043.954.934 0 1.087-.764 1.108-1.269 1.108h-1.975zm0-3.162h1.998c.583 0 1.044.217 1.044.902 0 .63-.416.902-1.134.902h-1.908zm-1.684 6.563h3.693c.516 0 1.425-.076 1.987-.544.73-.608.853-1.26.853-1.673 0-.945-.494-1.64-.977-2a2.1 2.1 0 0 0 .775-1.63c0-.325-.157-2.075-2.952-2.075h-3.38v7.922m9.463-3.401h2.29c.314 0 .954.043.954.934 0 1.087-.764 1.108-1.269 1.108h-1.975zm0-3.162h1.998c.583 0 1.044.217 1.044.901 0 .63-.415.902-1.134.902h-1.908zm-1.684 6.563h3.693c.516 0 1.426-.076 1.987-.544.73-.608.853-1.26.853-1.673 0-.945-.494-1.64-.977-2a2.1 2.1 0 0 0 .775-1.63c0-.325-.157-2.075-2.952-2.075h-3.38l.001 7.922"
      />
    </svg>
  );
}

With react-icons

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

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

obb.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="m7.375 9.305-1.123 1.226c.304.426.471.934.471 1.469 0 .679-.264 1.317-.744 1.797s-1.118.744-1.797.744a2.525 2.525 0 0 1-1.797-.744A2.524 2.524 0 0 1 1.641 12a2.543 2.543 0 0 1 2.496-2.54l1.32-1.44a4.176 4.176 0 0 0-1.275-.202A4.187 4.187 0 0 0 0 12c0 1.117.435 2.167 1.225 2.957s1.84 1.225 2.957 1.225a4.153 4.153 0 0 0 2.957-1.225A4.154 4.154 0 0 0 8.364 12c0-.998-.35-1.941-.989-2.695M5.983 8.082v-.005L3.076 11.24h1.949l2.897-3.16H5.983m5.39 4.516h2.29c.314 0 .954.043.954.934 0 1.087-.764 1.108-1.269 1.108h-1.975zm0-3.162h1.998c.583 0 1.044.217 1.044.902 0 .63-.416.902-1.134.902h-1.908zm-1.684 6.563h3.693c.516 0 1.425-.076 1.987-.544.73-.608.853-1.26.853-1.673 0-.945-.494-1.64-.977-2a2.1 2.1 0 0 0 .775-1.63c0-.325-.157-2.075-2.952-2.075h-3.38v7.922m9.463-3.401h2.29c.314 0 .954.043.954.934 0 1.087-.764 1.108-1.269 1.108h-1.975zm0-3.162h1.998c.583 0 1.044.217 1.044.901 0 .63-.415.902-1.134.902h-1.908zm-1.684 6.563h3.693c.516 0 1.426-.076 1.987-.544.73-.608.853-1.26.853-1.673 0-.945-.494-1.64-.977-2a2.1 2.1 0 0 0 .775-1.63c0-.325-.157-2.075-2.952-2.075h-3.38l.001 7.922"
  />
</svg>

Attribution

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

Similar Simple Icons icons