Иконка Bmx Background
token-branded:bmx-background
Иконка Bmx Background (token-branded:bmx-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
- Теги
- bmxbackground
Код 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="#17d5cf" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.53 4.706h2.588c2.946.047 3.543.028 4.39.419a4.14 4.14 0 0 1 1.51 1.251l.283.415l-.47-.396c-1.097-.94-1.43-1.167-4.537-1.219H8.471v.725l2.353-.019c3.012 0 3.6.184 4.466.894c.48.386.607.678.15.33c-.64-.47-.894-.706-3.204-.753H9.883v.753l2.353-.047c1.406 0 3.576.555 3.585 1.77c.01 1.213-.687 1.288-1.938 1.288c-.706 0-1.873-.018-2.673 0H9.883v.706H12c1.567.038 3.379.189 4.527 1.403c.579.611.697.87.198.433c-1.497-1.294-3.586-1.12-5.43-1.13H8.47v.706h2.823c3.27.047 3.845.085 4.518.541c.325.236.979.909.922.97c-.019.018-.174-.09-.348-.236c-.64-.536-.875-.536-3.68-.57c-2.485-.027-2.353.072-2.353.236c0 .165-.17.188 1.883.236c1.397.032 5.087-.255 4.413 2.145c-.414 1.384-5.44 1.149-7.002 1.149c-3.764 0-4 .06-4 .235c0 .183.344.263 5.177.235c1.459-.01 4.706 0 5.675-.494c.108-.103.193-.146.193-.103c0 .103-.522.63-.88.88c-.49.348-1.002.371-2.87.423h-1.883l-.014.72h1.313c2.748 0 3.906-.367 4.757-1.496c.382-.495.424-.433.095.122a4.4 4.4 0 0 1-1.624 1.459c-1.035.494-1.29.564-4.762.607H7.53V20h3.124c2.236-.033 4.716.07 6.447-1.614c.885-.885 1.252-1.807 1.252-3.243c0-1.346-.376-2.418-1.11-3.214a2.6 2.6 0 0 1-.386-.47c0-.038.108-.287.244-.565c.49-1.012.527-2.668.09-3.896c-.541-1.497-2-2.584-3.91-2.904C12.987 4.047 11.543 4 10.075 4H7.53z"/><path fill="#fff" d="M7.53 6.588c0 .245.037.254.686.222c.589-.038.697-.071.72-.255c.024-.178-.047-.202-.687-.202c-.673 0-.72.014-.72.235M8 8c0 .235.056.235 2.823.235s2.824 0 2.824-.235s-.057-.235-2.824-.235S8 7.765 8 8M6.588 9.177h3.294L9.86 8.96c-.024-.207-.033-.207-1.647-.235l-1.624-.019zm4.254-.334c-.094.305.109.357 1.46.329c1.28-.033 1.345-.042 1.345-.235c0-.189-.066-.193-1.379-.226c-1.19-.02-1.374 0-1.426.132m-3.312 5.75c0 .23.047.254.687.216c.578-.037.691-.07.72-.254c.028-.178-.052-.202-.687-.202c-.669 0-.72.024-.72.24m1.882-.005c0 .226.056.236 2.117.236s2.118-.01 2.118-.236s-.056-.235-2.117-.235s-2.118.01-2.118.235m-2.824.941c0 .226.057.236 1.883.236s1.882-.01 1.882-.236s-.056-.235-1.882-.235s-1.883.01-1.883.235m4.706 0c0 .226.057.235 1.177.235s1.176-.01 1.176-.235c0-.226-.056-.236-1.176-.236s-1.177.01-1.177.236m-4.706 2.823c0 .226.062.235 1.883.235s1.882-.009 1.882-.235s-.061-.235-1.882-.235s-1.883.01-1.883.235M5.647 20h.942v-.47h-.942z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Bmx Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:bmx-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:bmx-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:bmx-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--bmx-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:bmx-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:bmx-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/bmx-background.svg" alt="Иконка Bmx Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Bmx Background
Можно ли бесплатно использовать иконку Bmx Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bmx Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:bmx-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bmx Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/bmx-background.svg" alt="Иконка Bmx Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.