Home/Libraries/SVG Logos (Iconify)/open-zeppelin

SVG Logos (Iconify)

OpenZeppelin

License: CC0-1.0Commercial 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 512 80"><path fill="#818cf8" d="M71.947 79.745V58.987H49.34a17.46 17.46 0 0 0-14.99 8.496l-7.329 12.262z"/><path fill="#818cf8" d="M0 0v20.758h59.541L71.947 0z"/><path fill="#818cf8" d="M28.496 32.442L.066 79.745h24.221l33.997-56.592H44.91a19.13 19.13 0 0 0-16.413 9.289"/><path fill="#818cf8" d="M123.48 59.827c-12.18 0-21.143-8.854-21.143-20.734c0-11.766 9.02-20.734 21.2-20.734s21.2 9.082 21.2 20.734c0 11.766-9.078 20.734-21.258 20.734m.057-7.254c7.698 0 13.213-5.712 13.213-13.48c0-7.654-5.515-13.48-13.213-13.48c-7.756 0-13.272 5.826-13.272 13.48c0 7.768 5.516 13.48 13.272 13.48m29.355 19.648v-43.18h7.354v3.826h.402c.804-1.257 3.562-4.57 9.077-4.57c8.446 0 14.248 6.284 14.248 15.65c0 9.368-5.745 15.88-14.018 15.88c-5.343 0-8.215-2.97-9.192-4.627h-.402v17.021zm15.397-19.134c4.826 0 8.1-3.713 8.1-9.025c0-5.483-3.274-9.024-8.157-9.024c-4.941 0-8.044 3.94-8.044 9.024c0 5.598 3.448 9.025 8.101 9.025m37.054 6.74c-8.905 0-15.224-6.626-15.224-15.594c0-9.481 6.377-15.935 15.224-15.935c9.71 0 14.995 7.14 14.995 15.593v2.342h-22.98c.23 4.569 3.39 7.653 8.215 7.653c3.677 0 6.492-1.713 7.526-4.17h6.952c-1.494 6.112-6.894 10.11-14.708 10.11m-7.87-18.85h15.741c-.345-4.055-3.505-6.74-7.87-6.74c-4.195 0-7.412 2.971-7.872 6.74m30.906 18.107V29.04h7.124v3.656h.402c1.207-2.228 4.194-4.398 8.503-4.398c6.78 0 10.916 4.74 10.916 11.138v19.648h-7.469V41.378c0-3.656-2.355-6.112-5.802-6.112c-3.62 0-6.205 2.856-6.205 6.626v17.192zm34.354 0v-6.797l20.912-26.217v-.4H263.48v-6.568h29.702v6.74L272.27 52.059v.456h21.027v6.569zm50.785.743c-8.905 0-15.225-6.626-15.225-15.594c0-9.481 6.377-15.935 15.225-15.935c9.71 0 14.995 7.14 14.995 15.593v2.342h-22.98c.229 4.569 3.389 7.653 8.215 7.653c3.677 0 6.492-1.713 7.526-4.17h6.951c-1.493 6.112-6.894 10.11-14.707 10.11m-7.87-18.85h15.74c-.344-4.055-3.504-6.74-7.87-6.74c-4.194 0-7.411 2.971-7.87 6.74m30.906 31.244v-43.18h7.354v3.826h.402c.804-1.257 3.562-4.57 9.077-4.57c8.445 0 14.248 6.284 14.248 15.65c0 9.368-5.745 15.88-14.018 15.88c-5.343 0-8.216-2.97-9.192-4.627h-.402v17.021zm15.397-19.134c4.826 0 8.1-3.713 8.1-9.025c0-5.483-3.274-9.024-8.158-9.024c-4.94 0-8.043 3.94-8.043 9.024c0 5.598 3.447 9.025 8.1 9.025m23.725 19.134v-43.18h7.354v3.826h.402c.804-1.257 3.562-4.57 9.077-4.57c8.446 0 14.248 6.284 14.248 15.65c0 9.368-5.745 15.88-14.018 15.88c-5.343 0-8.215-2.97-9.192-4.627h-.402v17.021zm15.397-19.134c4.826 0 8.1-3.713 8.1-9.025c0-5.483-3.274-9.024-8.157-9.024c-4.941 0-8.044 3.94-8.044 9.024c0 5.598 3.448 9.025 8.101 9.025m37.054 6.74c-8.905 0-15.224-6.626-15.224-15.594c0-9.481 6.377-15.935 15.224-15.935c9.71 0 14.995 7.14 14.995 15.593v2.342h-22.98c.23 4.569 3.39 7.653 8.215 7.653c3.677 0 6.492-1.713 7.526-4.17h6.952c-1.494 6.112-6.894 10.11-14.708 10.11m-7.87-18.85h15.741c-.345-4.055-3.504-6.74-7.87-6.74c-4.195 0-7.412 2.971-7.872 6.74m38.26 18.107c-5.286 0-8.273-3.141-8.273-8.453V16.246h7.469v33.7c0 1.713.861 2.627 2.413 2.627h1.206v6.511zm13.729-34.042c-2.7 0-4.596-1.656-4.596-4.34c0-2.571 1.895-4.285 4.596-4.285s4.596 1.714 4.596 4.284c0 2.685-1.896 4.341-4.596 4.341m-3.735 34.042V29.04h7.469v30.044zm16.544 0V29.04h7.124v3.656h.402c1.207-2.228 4.194-4.398 8.503-4.398c6.78 0 10.916 4.74 10.916 11.138v19.648h-7.469V41.378c0-3.656-2.355-6.112-5.802-6.112c-3.62 0-6.205 2.856-6.205 6.626v17.192z"/></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. OpenZeppelinIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** 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.