Home/Libraries/Web3 Icons Branded (Iconify)/ovr

Web3 Icons Branded (Iconify)

Ovr

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"><g fill="none"><path fill="#818cf8" d="M11.46 3.112a1.38 1.38 0 0 1 1.08 0l6.507 2.857c.507.22.827.72.827 1.277v9.506c0 .562-.326 1.063-.827 1.282l-6.507 2.852a1.34 1.34 0 0 1-1.08 0l-6.508-2.852a1.4 1.4 0 0 1-.827-1.282V7.246c0-.557.326-1.058.827-1.277z"/><path fill="#818cf8" d="M11.612 5.334a.94.94 0 0 1 .776 0l4.646 2.138c.36.169.59.545.59.962v7.132c0 .416-.23.793-.59.956l-4.646 2.137a.9.9 0 0 1-.776 0l-4.646-2.137a1.05 1.05 0 0 1-.59-.956V8.434c0-.417.23-.793.59-.957l4.646-2.137z"/><path fill="#818cf8" d="M4.372 17.556a1.4 1.4 0 0 1-.247-.804V7.246c0-.293.09-.568.247-.799L12 9.75v4.5z"/><path fill="url(#SVGdUJxttdg)" d="M6.87 16.47a1.06 1.06 0 0 1-.495-.905V8.433c0-.377.191-.726.495-.906L12 9.75v4.5z"/><path fill="url(#SVGQQEfMecQ)" d="M19.628 6.447a1.4 1.4 0 0 1 .247.799v9.506c0 .292-.09.574-.247.804L12 14.25v-4.5z"/><path fill="url(#SVG4SNMdeoH)" d="M17.13 7.527c.304.18.495.53.495.906v7.132c0 .377-.191.726-.495.906L12 14.249v-4.5z"/><path fill="url(#SVGAAVCubXz)" d="M19.628 17.556a1.4 1.4 0 0 1-.58.479l-6.508 2.851A1.3 1.3 0 0 1 12 21v-6.75z"/><path fill="#818cf8" d="M17.13 16.47a1 1 0 0 1-.095.057l-4.646 2.137a.95.95 0 0 1-.388.085v-4.5z"/><path fill="url(#SVGaPSwzdTw)" d="M12.012 3L12 9.75L4.374 6.448a1.34 1.34 0 0 1 .579-.478l6.508-2.858A1.4 1.4 0 0 1 12.01 3"/><path fill="url(#SVGLWfwpeyK)" d="M12.007 5.25L12 9.75L6.87 7.528l.096-.056l4.646-2.138a1 1 0 0 1 .394-.084"/><path fill="url(#SVGPXG14bEj)" d="M11.99 3L12 9.75l7.628-3.302a1.34 1.34 0 0 0-.58-.478l-6.507-2.858A1.4 1.4 0 0 0 11.989 3"/><path fill="#818cf8" d="M17.13 7.528a1 1 0 0 0-.096-.056l-4.646-2.138a1 1 0 0 0-.393-.084L12 9.75z"/><path fill="url(#SVGjhfrN5Cs)" d="M15.937 12a3.937 3.937 0 1 1-7.873 0a3.937 3.937 0 0 1 7.873 0"/><defs><linearGradient id="SVGdUJxttdg" x1="4.125" x2="19.087" y1="10.732" y2="10.732" gradientUnits="userSpaceOnUse"><stop stop-color="#e14719"/><stop offset="1" stop-color="#ec6813"/></linearGradient><linearGradient id="SVGQQEfMecQ" x1="9.784" x2="16.616" y1="6.973" y2="21.492" gradientUnits="userSpaceOnUse"><stop stop-color="#df62af"/><stop offset="1" stop-color="#d4438d"/></linearGradient><linearGradient id="SVG4SNMdeoH" x1="4.126" x2="17.876" y1="9.169" y2="13.273" gradientUnits="userSpaceOnUse"><stop stop-color="#894eba"/><stop offset="1" stop-color="#95428a"/></linearGradient><linearGradient id="SVGAAVCubXz" x1="5.624" x2="17.859" y1="18.735" y2="15.779" gradientUnits="userSpaceOnUse"><stop stop-color="#68d5ff"/><stop offset="1" stop-color="#29c2f6"/></linearGradient><linearGradient id="SVGaPSwzdTw" x1="19.875" x2="5.858" y1="3" y2="12.797" gradientUnits="userSpaceOnUse"><stop offset=".17" stop-color="#fac35f"/><stop offset="1" stop-color="#f9a56e"/></linearGradient><linearGradient id="SVGLWfwpeyK" x1="4.834" x2="22.49" y1="12" y2="15.848" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#f68d44"/><stop offset="1" stop-color="#f8b136"/></linearGradient><linearGradient id="SVGPXG14bEj" x1="4.126" x2="19.029" y1="10.2" y2="10.2" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#945ed3"/><stop offset="1" stop-color="#bf3c90"/></linearGradient><linearGradient id="SVGjhfrN5Cs" x1="8.552" x2="12" y1="9.468" y2="15.937" gradientUnits="userSpaceOnUse"><stop offset=".64" stop-color="#fdfaf8"/><stop offset="1" stop-color="#fdfaf8" stop-opacity=".4"/></linearGradient></defs></g></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. OvrIcon.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 Branded (Iconify)

Browse all Web3 Icons Branded (Iconify) icons →

0x0

aag

aart

aave