Ikon Open Zeppelin
logos:open-zeppelin
Ikon Open Zeppelin (logos:open-zeppelin) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 80. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 80
- Tag
- openzeppelin
Kode SVG
<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>
Cara memakai ikon Open Zeppelin
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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/open-zeppelin.svg" alt="Ikon Open Zeppelin" width="24" height="24">
Ikon terkait di SVG Logos
FAQ Ikon Open Zeppelin
Apakah ikon Open Zeppelin gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Open Zeppelin di React?
Pasang @iconify/react lalu render <Icon icon="logos:open-zeppelin" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Open Zeppelin ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/open-zeppelin.svg" alt="Ikon Open Zeppelin">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon SVG Logos →
