Zube icon
logos:zube
The Zube icon (logos:zube) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 178 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
- 256 × 178
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="178" viewBox="0 0 256 178"><path fill="#0d83dd" d="m0 63.228l119.833 63.23v50.744L0 113.972zM119.834 0L8.994 58.483L57.08 83.855l62.754-33.111zm16.333 0v50.744L207.914 88.6l-71.747 37.856V177.2L256 113.971V63.229z"/></svg>How to use the Zube icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:zube" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:zube" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:zube" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--zube]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:zube"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:zube"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/zube.svg" alt="Zube icon" width="24" height="24">Zube icon FAQ
Is the Zube 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 Zube icon in React?
Install @iconify/react and render <Icon icon="logos:zube" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Zube icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/zube.svg" alt="Zube icon">, or paste the SVG code inline to style it with CSS.