Home/Libraries/Web3 Icons (Iconify)/oce

Web3 Icons (Iconify)

Oce

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M14.557 3.687a5.1 5.1 0 0 0-5.113 0L6.087 5.624a5.11 5.11 0 0 0-2.556 4.43v.175A4.66 4.66 0 0 1 5.86 6.201l3.054-1.768a4.65 4.65 0 0 1 4.648 0l3.06 1.768a4.6 4.6 0 0 1 2.26 4.028v3.536a4.6 4.6 0 0 1-2.26 4.029l-3.06 1.768a4.65 4.65 0 0 1-4.648 0l-3.06-1.768a4.66 4.66 0 0 1-2.323-4.029v.175a5.11 5.11 0 0 0 2.556 4.43l3.357 1.943a5.1 5.1 0 0 0 5.113 0l3.356-1.942a5.11 5.11 0 0 0 2.557-4.431v-3.885a5.11 5.11 0 0 0-2.557-4.43L14.557 3.68zM9.295 5.222a3.98 3.98 0 0 1 4.066 0l2.673 1.588a4.16 4.16 0 0 1 1.89 2.509a3.72 3.72 0 0 0-1.657-1.937l-2.478-1.409a3.83 3.83 0 0 0-3.774 0L7.533 7.382a3.7 3.7 0 0 0-1.885 3.207v2.816c0 1.324.72 2.547 1.885 3.208l2.482 1.408a3.83 3.83 0 0 0 3.774 0l2.478-1.408a3.72 3.72 0 0 0 1.657-1.932a4.16 4.16 0 0 1-1.89 2.504l-2.673 1.588a3.98 3.98 0 0 1-4.066 0l-2.673-1.588a4.18 4.18 0 0 1-2.033-3.6V10.41a4.18 4.18 0 0 1 2.033-3.604l2.673-1.588zm3.536 2.154a3.03 3.03 0 0 0-2.938 0l-1.937 1.08a2.86 2.86 0 0 0-1.34 1.625a3.3 3.3 0 0 1 1.557-2.186l2.133-1.25a3.21 3.21 0 0 1 3.25 0l2.134 1.25a3.28 3.28 0 0 1 1.604 2.853v2.499A3.28 3.28 0 0 1 15.69 16.1l-2.134 1.249a3.21 3.21 0 0 1-3.25 0l-2.133-1.25a3.3 3.3 0 0 1-1.556-2.19a2.86 2.86 0 0 0 1.339 1.63l1.937 1.08a3.02 3.02 0 0 0 2.938 0l1.932-1.08a2.83 2.83 0 0 0 1.472-2.462v-2.16a2.82 2.82 0 0 0-1.472-2.46z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. OceIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Web3 Icons (Iconify)

Browse all Web3 Icons (Iconify) icons →

0x0

aag

aart

aave

abl