Иконка Nftbs Background

token-branded:nftbs-background

Иконка Nftbs Background (token-branded:nftbs-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
Теги: nftbsbackground, nftb

Скачать SVG

Код 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="#a57f62" d="M24 0H0v24h24z"/><path fill="#fff" d="m12.874 12.89l-.39.992h-.989l-.367-1.012l.706-1.553h.104l-.019 1.46a.282.282 0 1 0 .16 0l.019-1.46h.103z"/><path fill="#fff" d="M14.443 14.67h-4.88l-.029-.133c-.014-.07-.33-1.717.372-2.38q.395-.352.847-.613c.377-.235.673-.423.673-.644v-.132c0-.221-.296-.405-.673-.64a5.3 5.3 0 0 1-.847-.617c-.706-.658-.386-2.31-.372-2.38l.028-.132h4.88l.024.131c.014.07.33 1.718-.367 2.381c-.264.236-.55.438-.852.617c-.376.235-.673.423-.673.64v.132c0 .22.297.404.673.64c.301.179.588.386.847.616c.706.664.386 2.31.377 2.381zM9.9 14.353h4.203c.08-.518.14-1.577-.306-2a5.3 5.3 0 0 0-.796-.574c-.437-.273-.818-.513-.818-.88v-.132c0-.367.376-.603.818-.88a5 5 0 0 0 .796-.574c.447-.424.386-1.506.306-2.019H9.9c-.08.518-.14 1.6.306 2.019q.367.326.79.574c.443.273.82.513.82.88v.132c0 .367-.377.602-.82.88a5.3 5.3 0 0 0-.79.574c-.447.423-.386 1.487-.306 2m4.924-8H9.177v.47h5.647zm0 8.47H9.177v.47h5.647z"/><path fill="#fff" d="m10.989 8.235l-.41-.649l.108-.075l.142.235l.023-.066a.2.2 0 0 1 .052-.047l.07-.028a.1.1 0 0 1 .057.01a.07.07 0 0 1 .037.027l.048.076l.113.174l.037.066l.01.047a.13.13 0 0 1-.071.103a.14.14 0 0 1-.07.029a.3.3 0 0 1-.062-.01l.024.047l-.108.066zm.018-.456a.1.1 0 0 0-.037-.033a.06.06 0 0 0-.052.01a.06.06 0 0 0-.033.065c0 .005 0 .014.01.02l.112.187a.07.07 0 0 0 .066.029l.028-.01A.06.06 0 0 0 11.13 8a.1.1 0 0 0-.014-.047zm.536.334a.3.3 0 0 1 .024-.056a.14.14 0 0 1 .037-.043a.2.2 0 0 1 .085-.028a.2.2 0 0 1 .108.014a.3.3 0 0 1 .085.057a.2.2 0 0 1 .042.08a.1.1 0 0 1 0 .051l-.019.062l-.066.174a.4.4 0 0 1-.023.056a.1.1 0 0 1-.038.038a.2.2 0 0 1-.08.033a.3.3 0 0 1-.108-.019a.24.24 0 0 1-.085-.056a.2.2 0 0 1-.042-.08a.1.1 0 0 1 0-.048l.019-.065zm.047.23a.06.06 0 0 0 0 .048a.06.06 0 0 0 .042.033a.04.04 0 0 0 .047 0a.07.07 0 0 0 .033-.038l.076-.202a.06.06 0 0 0 0-.047a.07.07 0 0 0-.038-.033a.07.07 0 0 0-.047 0a.06.06 0 0 0-.033.037l-.075.203zm.02.81a.4.4 0 0 1-.047-.042a.14.14 0 0 1-.033-.047a.2.2 0 0 1-.005-.085a.26.26 0 0 1 .122-.17a.2.2 0 0 1 .085-.018c.019 0 .038 0 .052.01l.056.032l.141.108l.047.043l.033.047c.01.023.01.056.005.084a.2.2 0 0 1-.042.095a.2.2 0 0 1-.08.07a.2.2 0 0 1-.085.019a.14.14 0 0 1-.052-.01a.4.4 0 0 1-.052-.032zm.235.014a.06.06 0 0 0 .047.014a.07.07 0 0 0 .042-.028a.07.07 0 0 0 .014-.047a.07.07 0 0 0-.028-.047l-.174-.122a.06.06 0 0 0-.047-.015a.07.07 0 0 0-.038.029a.07.07 0 0 0-.019.047a.06.06 0 0 0 .033.042zm-.136 1.022l.258-.73l.123.048l-.156.432l.231-.174l.122.047l-.22.16l.065.367l-.132-.047l-.028-.268l-.085.061l-.056.142zm-2.674 7.458v-1.882h.54q.157-.002.307.038a.7.7 0 0 1 .202.108a.4.4 0 0 1 .118.15a.5.5 0 0 1 .033.18v.065q.001.07-.02.132a.3.3 0 0 1-.046.094a.6.6 0 0 1-.188.127a.33.33 0 0 1 .188.132a.4.4 0 0 1 .066.235v.108q.002.108-.038.207a.5.5 0 0 1-.127.174c-.113.09-.287.132-.532.132zm.367-1.628v.518h.17a.35.35 0 0 0 .249-.07a.27.27 0 0 0 .065-.194a.24.24 0 0 0-.07-.188a.4.4 0 0 0-.259-.066zm0 .753v.602h.16a.5.5 0 0 0 .174-.023a.2.2 0 0 0 .094-.066a.2.2 0 0 0 .042-.099a1 1 0 0 0 0-.254a.2.2 0 0 0-.047-.09a.2.2 0 0 0-.099-.051a.6.6 0 0 0-.164-.019zm1.157-.555a.4.4 0 0 1 .057-.198a.45.45 0 0 1 .146-.141a.7.7 0 0 1 .197-.085a.87.87 0 0 1 .654.085a.5.5 0 0 1 .142.141a.4.4 0 0 1 .056.198v.979c0 .07-.019.14-.056.197a.5.5 0 0 1-.142.141a.9.9 0 0 1-.649.085a.7.7 0 0 1-.202-.085a.44.44 0 0 1-.141-.136a.36.36 0 0 1-.057-.198v-.983zm.377.979c0 .028 0 .056.014.08a.15.15 0 0 0 .061.06a.36.36 0 0 0 .353 0a.15.15 0 0 0 .07-.141v-.978c0-.028 0-.052-.013-.08a.2.2 0 0 0-.057-.061a.36.36 0 0 0-.353 0a.2.2 0 0 0-.061.06a.15.15 0 0 0-.014.08zm1.134-.98c0-.065.019-.136.056-.197a.45.45 0 0 1 .142-.141a.87.87 0 0 1 .847 0a.5.5 0 0 1 .146.141a.4.4 0 0 1 .056.198v.979c0 .07-.014.14-.056.197a.5.5 0 0 1-.142.141a.9.9 0 0 1-.65.085a.7.7 0 0 1-.197-.085a.44.44 0 0 1-.146-.14a.36.36 0 0 1-.056-.198zm.376.98a.12.12 0 0 0 .015.08a.2.2 0 0 0 .056.06a.36.36 0 0 0 .353 0a.14.14 0 0 0 .056-.06a.14.14 0 0 0 .014-.08v-.98a.14.14 0 0 0-.014-.08a.2.2 0 0 0-.056-.06a.36.36 0 0 0-.353 0a.17.17 0 0 0-.075.14v.98zm2.335-.866a.8.8 0 0 0-.34-.104l.306-.447c.076-.113-.037-.24-.211-.24l-.466.725v-.5c-.207 0-.377.119-.377.27v1.6c.212 0 .377-.119.377-.264v-.73c0-.028.01-.056.019-.08a.2.2 0 0 1 .056-.06a.45.45 0 0 1 .433 0c.028.018.047.046.066.074a.16.16 0 0 1 .014.095v.752c0 .118.141.217.306.217v-.97a.35.35 0 0 0-.042-.188a.4.4 0 0 0-.142-.15"/><path fill="#fff" d="M12 20a8 8 0 1 1 0-16a8 8 0 0 1 0 16m0-15.821a7.821 7.821 0 1 0 0 15.642A7.821 7.821 0 0 0 12 4.18"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Как использовать иконку Nftbs Background

React

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

<Icon icon="token-branded:nftbs-background" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:nftbs-background" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:nftbs-background" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--nftbs-background]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:nftbs-background"></div>

Веб-компонент

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

<iconify-icon icon="token-branded:nftbs-background"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/token-branded/nftbs-background.svg" alt="Иконка Nftbs Background" width="24" height="24">

Вопросы и ответы: Иконка Nftbs Background

Можно ли бесплатно использовать иконку Nftbs Background в коммерческих проектах?

Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Nftbs Background в React?

Установите @iconify/react и выведите <Icon icon="token-branded:nftbs-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Nftbs Background на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/nftbs-background.svg" alt="Иконка Nftbs Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Web3 Icons Branded →