Иконка Pnk
token-branded:pnk
Иконка Pnk (token-branded:pnk) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons Branded
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#3b3b3d" d="m8.287 4.125l9.051.394L21 12.55l-5.17 7.324l-9.1-.574L3 10.611z"/><path fill="url(#SVGK8M83b1v)" d="m8.287 4.125l9.051.394L21 12.55l-5.17 7.324l-9.1-.574L3 10.611zm6.638 4.624l-6.564 2.823l5.608 4.275zM14.16 7.33L8.917 5.11L7.821 9.784zm-1.328 9.585L7.134 12.91l.141 5.428zm7.257-4.387l-3.882-3.882l-1.023 7.46zm-5.923 5.265L9.362 19.03l5.653.355l-.844-1.592zm5.163-3.505l-4.202 3.083l.833 1.609l3.375-4.692zm-1.985-8.645l-.822 1.653l3.044 3.044zm-1.018-.788l-5.344-.213l4.41 1.895l.934-1.687zm-8.826.76l-3.74 4.652l2.502.523zm-1.39 6.086l-2.514-.523l2.621 6.086l-.112-5.563z"/><defs><linearGradient id="SVGK8M83b1v" x1="19.594" x2="1.577" y1=".469" y2="15.33" gradientUnits="userSpaceOnUse"><stop offset=".08" stop-color="#3e3e40"/><stop offset=".29" stop-color="#5b5b5d"/><stop offset=".74" stop-color="#9d9d9f"/><stop offset=".89" stop-color="#606061"/></linearGradient></defs></g></svg>Как использовать иконку Pnk
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:pnk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:pnk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:pnk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--pnk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:pnk"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:pnk"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/pnk.svg" alt="Иконка Pnk" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Иконка Pnk в других наборах
Вопросы и ответы: Иконка Pnk
Можно ли бесплатно использовать иконку Pnk в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Pnk в React?
Установите @iconify/react и выведите <Icon icon="token-branded:pnk" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pnk на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/pnk.svg" alt="Иконка Pnk">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.