Иконка Min Background

token-branded:min-background

Иконка Min Background (token-branded:min-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
Теги: minbackground

Скачать 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="#0a66ea" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.014 5.865c.251-.79-.427-1.27-.795-1.414c-.747-.16-1.12.405-1.243.694c-.417 1.323-1.334 4.087-1.527 4.738c-.23.812.23 1.361.956 1.463a1.04 1.04 0 0 0 1.078-.598z"/><path fill="#fff" d="M13.046 5.134c-.261-.8-1.094-.79-1.478-.683a1.15 1.15 0 0 0-.672 1.302c.448 1.345 1.392 4.189 1.627 4.84c.288.811 1.116.902 1.761.55c.534-.288.475-.822.4-1.057zm-2.759 6.211c.854.01 1.12-.694 1.142-1.094a1.16 1.16 0 0 0-1.051-1.04a480 480 0 0 0-4.98 0c-.875.015-1.44.698-1.301 1.424c.106.598.608.705.853.71c1.415.005 4.478-.01 5.337 0"/><path fill="#fff" d="M8.697 14.404c.694.523 1.366.026 1.612-.288c.384-.678 0-1.281-.24-1.495a467 467 0 0 0-4.243-3.106c-.72-.512-1.42-.138-1.734.534c-.257.555.085 1.003.288 1.158l4.322 3.202z"/><path fill="#fff" d="M6.685 18.097c-.283.822.39 1.313.763 1.451c.763.16 1.217-.39 1.345-.683c.47-1.382 1.451-4.317 1.665-4.994c.267-.844-.3-1.399-1.036-1.495c-.603-.074-.928.39-1.014.63z"/><path fill="#fff" d="M7.085 17.595c-.699.518-.421 1.302-.192 1.628c.534.566 1.217.373 1.494.203c1.164-.876 3.64-2.733 4.195-3.17c.693-.545.544-1.324-.011-1.815c-.454-.41-.977-.213-1.185-.064z"/><path fill="#fff" d="M15.623 19.344c.7.518 1.367.016 1.612-.299c.373-.683-.01-1.28-.25-1.494c-1.18-.854-3.683-2.668-4.265-3.074c-.726-.507-1.425-.128-1.729.544c-.256.555.09 1.004.294 1.158a810 810 0 0 1 4.338 3.165"/><path fill="#fff" d="M15.223 18.84c.278.827 1.105.8 1.49.683a1.206 1.206 0 0 0 .645-1.36a352 352 0 0 0-1.724-4.974c-.304-.833-1.088-.929-1.729-.55c-.523.31-.496.87-.421 1.115z"/><path fill="#fff" d="M19.418 11.309c.704-.507.437-1.297.213-1.628a1.2 1.2 0 0 0-1.494-.214a383 383 0 0 0-4.232 3.117c-.704.534-.56 1.318-.01 1.814c.448.411.976.224 1.184.075c1.153-.843 3.634-2.658 4.339-3.165"/><path fill="#fff" d="M18.853 11.345c.87.01 1.13-.662 1.147-1.062a1.21 1.21 0 0 0-1.067-1.073a426 426 0 0 0-5.257 0c-.88.01-1.227.705-1.088 1.436c.112.597.661.693.917.699c1.43.01 4.483-.011 5.353 0z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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