Open Zeppelin icon

logos:open-zeppelin

The Open Zeppelin icon (logos:open-zeppelin) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 80 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 80
Tags: openzeppelin

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="80" viewBox="0 0 512 80"><path fill="#63d2f9" d="M71.947 79.745V58.987H49.34a17.46 17.46 0 0 0-14.99 8.496l-7.329 12.262z"/><path fill="#4e5ee4" d="M0 0v20.758h59.541L71.947 0z"/><path fill="#63b0f9" 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="#282846" 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>

How to use the Open Zeppelin icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:open-zeppelin" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:open-zeppelin" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:open-zeppelin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--open-zeppelin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:open-zeppelin"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:open-zeppelin"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/open-zeppelin.svg" alt="Open Zeppelin icon" width="24" height="24">

Related icons in SVG Logos

Open Zeppelin icon FAQ

Is the Open Zeppelin icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Open Zeppelin icon in React?

Install @iconify/react and render <Icon icon="logos:open-zeppelin" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Open Zeppelin icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/open-zeppelin.svg" alt="Open Zeppelin icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →