Иконка Pli Background
token-branded:pli-background
Иконка Pli Background (token-branded:pli-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
- Теги
- plibackground
Код 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="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGHXYmAYUf)" d="M7.313 12.001A6.26 6.26 0 0 1 4 11.131c.39-.297 1.6-.89 3.313-.89a7.44 7.44 0 0 1 3.577.895A7.85 7.85 0 0 1 7.313 12"/><path fill="url(#SVGFWZWpdAt)" d="M8.429 9.854A4.6 4.6 0 0 1 6.54 7.831a4.27 4.27 0 0 1 2.678.635a5.45 5.45 0 0 1 2.057 2.146c-.47.028-1.704-.085-2.847-.753z"/><path fill="url(#SVG5LO8xp3R)" d="M10.118 8.368a3.47 3.47 0 0 1-.4-2.014c.268.094 1.077.564 1.553 1.397c.47.838.385 1.638.357 1.967c-.296-.155-1.054-.536-1.515-1.35z"/><path fill="url(#SVGfKZSgbgS)" d="M16.687 12.001a6.26 6.26 0 0 0 3.313-.87c-.39-.297-1.6-.89-3.313-.89a7.44 7.44 0 0 0-3.577.895c.5.282 1.916.865 3.577.865"/><path fill="url(#SVGEXORFbQG)" d="M15.572 9.854a4.6 4.6 0 0 0 1.887-2.023a4.27 4.27 0 0 0-2.677.635a5.45 5.45 0 0 0-2.057 2.146c.47.028 1.704-.085 2.847-.753z"/><path fill="url(#SVGgxIgkbdi)" d="M13.882 8.368c.466-.81.443-1.723.4-2.014c-.268.094-1.078.564-1.553 1.397c-.47.838-.386 1.638-.357 1.967c.296-.155 1.054-.536 1.515-1.35z"/><path fill="#fefefe" d="M4 15.294v2.352h1.412v-.94h2.65c.875 0 1.585-.923 1.585-1.883s-.71-1.883-1.586-1.883H4.904L4 14.352h3.784c.263 0 .451.184.451.47c0 .288-.188.472-.451.472zm7.53 2.352V12.94h1.411v3.295h3.295l-.876 1.411z"/><path fill="#fe620d" d="M18.118 17.646V12.94h1.412v4.706z"/></g><defs><linearGradient id="SVGHXYmAYUf" x1="6.251" x2="16.7" y1="11.998" y2="11.998" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><linearGradient id="SVGFWZWpdAt" x1="5.957" x2="18.006" y1="6.317" y2="13.245" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><linearGradient id="SVG5LO8xp3R" x1="6.197" x2="8.677" y1="7.38" y2="19.573" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><linearGradient id="SVGfKZSgbgS" x1="17.748" x2="7.3" y1="11.998" y2="11.998" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><linearGradient id="SVGEXORFbQG" x1="18.044" x2="5.995" y1="6.317" y2="13.245" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><linearGradient id="SVGgxIgkbdi" x1="17.788" x2="15.306" y1="7.38" y2="19.572" gradientUnits="userSpaceOnUse"><stop stop-color="#f36511"/><stop offset="1" stop-color="#ffdf1a"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Pli Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pli-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pli-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pli-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pli-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pli-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pli-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/pli-background.svg" alt="Иконка Pli Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Pli Background
Можно ли бесплатно использовать иконку Pli Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pli Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:pli-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pli Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/pli-background.svg" alt="Иконка Pli Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.