Иконка Pro Background
token-branded:pro-background
Иконка Pro Background (token-branded:pro-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
- Теги
- probackground
Код 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="#38a6fa" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.867 17.291c0 .31-.298.575-.609.575H8.551a.606.606 0 0 1-.593-.603v-.197c0-.029.028-.424.283-.903c.424-.79 1.215-1.355 2.346-1.75c1.623-.54 3.617-.87 4.946-2.031c.962-.818 1.239-2.098 1.267-3.339c.49.352 1.067.709 1.067 1.392zm-3.199-8.248c0 .621-.01 1.28-.463 1.703c-1.075.99-2.934 1.22-4.268 1.664c-2.064.677-3.082 1.863-3.563 2.737c-.084.17-.17.338-.226.508c0 .028-.015.028-.015.056v-5.248c0-.62.468-.987.552-1.043l4.75-3.104c.537-.367 1.102 0 1.102 0l2.131 1.401zM20 17.178v-6.715c0-.31-.085-1.861-1.526-2.82l-1.14-.8V4.511c0-.34-.33-.512-.641-.512h-.864c-.339 0-.629.173-.629.511v.922l-1.447-.921c-.877-.565-2.262-.79-3.478 0L5.526 7.615C5.244 7.784 4 8.715 4 10.436v6.715c0 .648.141 1.185.452 1.636c.226.367.566.649.961.846A3.9 3.9 0 0 0 6.827 20h10.375c.028 0 .706 0 1.413-.367c.424-.197.735-.48.99-.846c.254-.423.395-.96.395-1.609"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
Как использовать иконку Pro Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pro-background" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pro-background" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pro-background" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pro-background]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pro-background"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pro-background"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/pro-background.svg" alt="Иконка Pro Background" width="24" height="24">
Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Pro Background
Можно ли бесплатно использовать иконку Pro Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pro Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:pro-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pro Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/pro-background.svg" alt="Иконка Pro Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Web3 Icons Branded →
ICONYZ
