Иконка Oddz Background
token-branded:oddz-background
Иконка Oddz Background (token-branded:oddz-background) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons Branded
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- oddzbackground
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#4100a8" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.982 8.128a4.45 4.45 0 0 1 1.574-1.013a3.89 3.89 0 0 1 3.364.355c.356.231.658.511.934.831l-.507.405a4 4 0 0 0-.6-.645a3 3 0 0 0-.89-.52a3.5 3.5 0 0 0-2.066-.133a3.76 3.76 0 0 0-1.649.867c-.013.013-.017.022-.026.008L8.07 8.23z"/><path fill="#fff" d="m19.33 6.132l-1.343.152c-.142.017-.298.026-.4.137c-.151.165-.009.374.111.498l.356.382l.129.134c.009.009-.098.11-.111.124l-.632.689l-.03.036a8.7 8.7 0 0 0-.996-1.174c-.01-.009-.062-.075-.071-.062l-.09.08l-.084.076c-.009.013.063.084.071.093l.312.373q.321.402.586.845c.022.035.027.035-.004.07l-.391.427a6.15 6.15 0 0 0-2.694-2.662a5.8 5.8 0 0 0-4.39-.266a6.17 6.17 0 0 0-3.387 2.853a6.44 6.44 0 0 0-.498 4.969c.009.03.018.044 0 .066l-.054.054l-.097.102l-.205.218l-.67.71l-.72.76c0 .005-.032.027-.028.032l.178.169c.018.022.031.058.054.035l.075-.08l.92-.937l.689-.712a6.3 6.3 0 0 0 1.764 2.494a5.88 5.88 0 0 0 8.036-.374a6.17 6.17 0 0 0 1.729-3.502a6.56 6.56 0 0 0-.325-3.066c-.013-.04-.044-.076-.013-.103l.098-.097l.355-.356a6.6 6.6 0 0 1 .387 4.551q-.184.691-.498 1.333q-.287.567-.635 1.094l.79.502c.334-.591.623-1.2.836-1.849a7.32 7.32 0 0 0-.404-5.635l-.125-.231l-.03-.054c-.014-.026 0-.03.026-.049l.111-.115l.387-.382l.395-.392l.578.618c.134.134.37.276.485.05c.053-.112.053-.24.057-.365l.054-1.08l.022-.45c.009-.141.009-.28-.058-.413a.6.6 0 0 0-.609-.31zm-13.063 6.8a5.5 5.5 0 0 1 .685-4.177a5.03 5.03 0 0 1 3.404-2.311c1.458-.24 2.973.222 4.084 1.19a5.2 5.2 0 0 1 1.467 2.125c.013.036.053.098.022.129l-.106.12l-.756.818l-1.587 1.706l-.813.876l-.289.311c-.066.071-.209.222-.324.169c-.143-.062-.165-.329-.191-.467l-.21-1.133c-.142-.765-.266-1.538-.426-2.298c-.067-.329-.253-.68-.622-.715c-.25-.027-.485.097-.658.266c-.178.178-.342.36-.511.543l-.822.866l-2.236 2.382l-.106-.39c.03.133-.24-1 0 0zm5.627.65c0 .008 0 .004 0 0m4.213-.814a5.38 5.38 0 0 1-2.338 3.44a4.86 4.86 0 0 1-5.937-.573l-.045-.045l-.013-.009a5.3 5.3 0 0 1-1.218-1.764c-.013-.036-.058-.089-.027-.12l.107-.111l.729-.742l1.573-1.614l.84-.853c.17-.169.329-.351.502-.511c.076-.067.2-.16.307-.12c.142.058.169.275.191.404l.205 1.165l.382 2.24c.026.168.053.346.142.493c.151.267.4.435.72.382c.267-.044.467-.231.653-.418l.845-.844l2.435-2.458a5.7 5.7 0 0 1-.049 2.058c.152-.72-.075.364 0 0z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Oddz Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:oddz-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:oddz-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:oddz-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--oddz-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:oddz-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:oddz-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/oddz-background.svg" alt="Иконка Oddz Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Oddz Background
Можно ли бесплатно использовать иконку Oddz Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Oddz Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:oddz-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Oddz Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/oddz-background.svg" alt="Иконка Oddz Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.