Иконка Umb Background
token-branded:umb-background
Иконка Umb Background (token-branded:umb-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
- Теги
- umbbackground
Код 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="#0e92df" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 5.647a.75.75 0 0 1 .73.612a7.3 7.3 0 0 1 3.976 1.666a.74.74 0 0 1 1.12.146a.77.77 0 0 1-.066.918a7.54 7.54 0 0 1 1.638 4.042a.73.73 0 0 1 .433.259a.77.77 0 0 1 .169.485a.748.748 0 0 1-1.067.682a.7.7 0 0 1-.255-.202a.76.76 0 0 1-.15-.636l-2.048-1.007a.744.744 0 0 1-1.115.033l-2.626 1.035a.78.78 0 0 1-.127.523a.7.7 0 0 1-.428.306v2.315a.73.73 0 0 1 .414.273a.785.785 0 0 1-.307 1.197a.755.755 0 0 1-.828-.167a.8.8 0 0 1-.225-.55c0-.367.249-.668.578-.753v-2.315a.75.75 0 0 1-.555-.824l-2.565-1.021a.74.74 0 0 1-.918.251a.7.7 0 0 1-.267-.213l-2.033.936a.77.77 0 0 1-.16.621A.746.746 0 0 1 4 13.774c0-.173.061-.343.17-.48a.7.7 0 0 1 .432-.263A7.54 7.54 0 0 1 6.24 8.998a.772.772 0 0 1 .25-1.2a.73.73 0 0 1 .8.132a7.3 7.3 0 0 1 3.98-1.67a.77.77 0 0 1 .26-.438a.72.72 0 0 1 .47-.175m-.381.753a.39.39 0 0 0 .383.397a.38.38 0 0 0 .27-.114A.394.394 0 0 0 12 6.01a.38.38 0 0 0-.273.117a.4.4 0 0 0-.113.278zm2.71 3.097l2.142-.866a.75.75 0 0 1 .032-.4a6.95 6.95 0 0 0-3.792-1.605c-.01.029-.047.156-.151.273l1.774 2.598zm-4.616-.014l1.727-2.574a.8.8 0 0 1-.15-.283a6.94 6.94 0 0 0-3.794 1.605c.029.08.052.226.038.358zm2.466.39a.76.76 0 0 1 .461.306l1.35-.541l-1.726-2.527l-.08.028v2.73h-.005zm-.772.306a.75.75 0 0 1 .41-.296V7.139l-.071-.028l-1.694 2.518zm5.798-1.303a.39.39 0 0 0 .386-.39a.396.396 0 0 0-.386-.396a.38.38 0 0 0-.273.117a.4.4 0 0 0-.113.283c0 .212.174.386.386.386m-10.41 0a.39.39 0 0 0 .386-.39a.4.4 0 0 0-.236-.363a.38.38 0 0 0-.418.084a.4.4 0 0 0-.113.283c0 .212.17.386.381.386m0 .367a.8.8 0 0 1-.25-.047a7.17 7.17 0 0 0-1.585 3.859a.7.7 0 0 1 .367.249l2.033-.941a.78.78 0 0 1 .254-.715a.73.73 0 0 1 .73-.132L9.5 9.798l-2.103-.856a.76.76 0 0 1-.598.31v-.005zm8.852 2.174a.72.72 0 0 1 .753.127a.75.75 0 0 1 .24.734l2.042 1.007a.7.7 0 0 1 .358-.235a7.17 7.17 0 0 0-1.586-3.85a.735.735 0 0 1-.828-.235l-2.08.842zm-6.998.306l.047.061l2.575-1.045c-.02-.094-.005-.183 0-.22l-1.422-.584l-1.204 1.788zm6.608.037a1 1 0 0 1 .094-.131l-1.149-1.68l-1.425.574a.8.8 0 0 1 0 .22zm-3.233-.724a.41.41 0 1 0 0-.82a.41.41 0 0 0-.4.41c0 .236.188.41.4.41m-.631 2.301a.7.7 0 0 1 .423-.296V11.37a.75.75 0 0 1-.409-.292l-2.579 1.045c.014.094 0 .164 0 .197zm.79-.296a.72.72 0 0 1 .424.296l2.584-1.021c-.029-.095-.029-.203-.029-.203l-2.522-1.035a.77.77 0 0 1-.457.306zm3.728-.528a.39.39 0 0 0 .376-.466a.4.4 0 0 0-.302-.303a.39.39 0 0 0-.394.162a.4.4 0 0 0-.062.217c0 .216.17.39.382.39m-7.822.104a.385.385 0 0 0 .386-.386a.4.4 0 0 0-.236-.367a.38.38 0 0 0-.418.085a.4.4 0 0 0-.113.282c0 .212.17.386.381.386m11.163 1.548a.386.386 0 0 0 .386-.39a.4.4 0 0 0-.238-.363a.38.38 0 0 0-.421.085a.39.39 0 0 0 .273.668m-7.252 0a.385.385 0 0 0 .381-.39a.39.39 0 0 0-.236-.356a.375.375 0 0 0-.413.083a.4.4 0 0 0-.113.272c0 .217.17.391.381.391m-7.252 0a.384.384 0 0 0 .377-.39a.4.4 0 0 0-.109-.278a.37.37 0 0 0-.417-.085a.39.39 0 0 0-.237.367c0 .212.17.386.386.386M12 17.977a.4.4 0 0 0 .4-.4a.4.4 0 0 0-.118-.292a.4.4 0 0 0-.282-.118a.39.39 0 0 0-.417.235a.41.41 0 0 0 .106.476a.4.4 0 0 0 .311.099"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Umb Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:umb-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:umb-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:umb-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--umb-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:umb-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:umb-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/umb-background.svg" alt="Иконка Umb Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Umb Background
Можно ли бесплатно использовать иконку Umb Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Umb Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:umb-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Umb Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/umb-background.svg" alt="Иконка Umb Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.