Иконка Ame Chain Background
token-branded:ame-chain-background
Иконка Ame Chain Background (token-branded:ame-chain-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
- Теги
- amechain, chainbackground, amechainbackground
Код 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="#640000" d="M24 0H0v24h24z"/><path fill="url(#SVG7EScP4mf)" fill-rule="evenodd" d="m18.996 12.038l-6.7 3.877v2.064l6.7-3.879v2.06l-6.315 3.657a1.37 1.37 0 0 1-1.365 0L8.56 18.222v-7.76L6.777 9.431v7.76L5 16.16V8.843a1.37 1.37 0 0 1 .682-1.186l2.756-1.595l6.697 3.88l1.783-1.033l-6.698-3.877L12.003 4l6.314 3.658A1.37 1.37 0 0 1 19 8.844zM9.62 7.442L7.074 8.916L8.857 9.95l2.547-1.474zm5.812 5.971l1.783-1.034V9.43l-1.783 1.033zM9.156 16.51l2.547 1.475v-2.069L9.156 14.44zm5.685-2.754v-3.29L12 8.817l-2.843 1.646v3.291L12 15.401z" clip-rule="evenodd"/><path fill="url(#SVGad4kEdvV)" fill-rule="evenodd" d="M13.73 12.546v.656l-1.62.883l-.016-2.146c.579-.32 1.06-.569 1.636-.876v.614l-1.151.606v.129l1.15-.612v.622l-1.15.606v.128z" clip-rule="evenodd"/><path fill="url(#SVGMLFnceRo)" fill-rule="evenodd" d="m12 9.973l-1.725.928l.702.383L12 10.739l1.026.544l.702-.382z" clip-rule="evenodd"/><path fill="url(#SVGF7eYRb1E)" fill-rule="evenodd" d="m10.778 13.456l-.5-.272v-2.132l1.657.887c0 .525-.01 1.62-.011 2.14l-.487-.263l.016-1.464l-.031-.016l-.054-.03l-.014-.006l-.01 1.463l-.475-.258l.015-1.463l-.098-.053z" clip-rule="evenodd"/><path fill="url(#SVGHvSigb0M)" fill-rule="evenodd" d="m11.34 11.275l.656-.357l.67.362l-.665.367z" clip-rule="evenodd"/></g><defs><linearGradient id="SVG7EScP4mf" x1="6.05" x2="18.061" y1="6.896" y2="16.164" gradientUnits="userSpaceOnUse"><stop stop-color="#d40000"/><stop offset="1" stop-color="#f70"/></linearGradient><linearGradient id="SVGad4kEdvV" x1="12.305" x2="15.685" y1="10.818" y2="11.691" gradientUnits="userSpaceOnUse"><stop stop-color="#d40000"/><stop offset="1" stop-color="#f70"/></linearGradient><linearGradient id="SVGMLFnceRo" x1="10.721" x2="13.671" y1="9.867" y2="13.573" gradientUnits="userSpaceOnUse"><stop stop-color="#d40000"/><stop offset="1" stop-color="#f70"/></linearGradient><linearGradient id="SVGF7eYRb1E" x1="10.491" x2="13.91" y1="10.807" y2="11.7" gradientUnits="userSpaceOnUse"><stop stop-color="#d40000"/><stop offset="1" stop-color="#f70"/></linearGradient><linearGradient id="SVGHvSigb0M" x1="11.447" x2="13.341" y1="11.158" y2="11.574" gradientUnits="userSpaceOnUse"><stop stop-color="#d40000"/><stop offset="1" stop-color="#f70"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Ame Chain Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ame-chain-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ame-chain-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ame-chain-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ame-chain-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ame-chain-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ame-chain-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/ame-chain-background.svg" alt="Иконка Ame Chain Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Ame Chain Background
Можно ли бесплатно использовать иконку Ame Chain Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Ame Chain Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:ame-chain-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ame Chain Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/ame-chain-background.svg" alt="Иконка Ame Chain Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.