Иконка Cyber Background
token-branded:cyber-background
Иконка Cyber Background (token-branded:cyber-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
- Теги
- cyberbackground
Код 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="#e4323e" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.785 9.5h1.17c.1 0 .2-.05.25-.135l.806-1.326c.11-.18.395-.175.5.005l.775 1.316c.05.085.15.14.25.14h1.18c.215 0 .355-.215.25-.395l-2.4-3.946a.36.36 0 0 0-.6 0L9.54 9.109c-.11.17.025.39.25.39zm-5.51 9.502h5.34c.245 0 .365-.296.2-.47l-1.02-1.03h-1.76c-.265 0-.425-.356-.27-.58l.435-.641a.395.395 0 0 0-.05-.5l-.7-.685a.276.276 0 0 0-.425.06L4.039 18.58c-.11.186.025.42.235.42m15.452 0h-5.34c-.246 0-.366-.296-.2-.47l1.02-1.03h1.76c.265 0 .425-.356.27-.58l-.435-.641a.395.395 0 0 1 .05-.5l.7-.685a.268.268 0 0 1 .425.06l1.985 3.425a.28.28 0 0 1-.235.42M11.5 10.287v2.3a.4.4 0 0 1-.385.41h-.77c-.216 0-.345-.18-.345-.405v-.675c0-.16-.166-.42-.316-.42h-2.75c-.245 0-.365.45-.19.63l2.76 2.85c.17.176.495.166.495-.084c0-.22.126-.4.335-.4h.78a.4.4 0 0 1 .386.41v3.745c0 .31-.35.465-.565.25l-6.337-6.66a.365.365 0 0 1 0-.5L6.26 10h4.967c.15 0 .275.13.275.29m1 8.361v-8.186c0-.255.2-.465.445-.465h4.616c.12 0 .235.05.315.14l1.53 1.65c.075.08.1.185.095.285c-.015.12-.095.22-.17.315l-.07.09l-.235.33l-.01.01c-.06.08-.125.175-.23.18h-1.545c-.11 0-.24-.09-.24-.21v-.08c0-.15.1-.29.21-.385l.015-.015c.06-.05.135-.34.135-.425c0-.155-.165-.385-.315-.385h-2.72c-.15 0-.326.26-.326.42v2.81c0 .316.41.47.62.246l.515-.45c.02-.02.05-.025.08-.025h1.296c.295 0 .44.365.235.59l-3.676 3.806c-.21.225-.57.065-.57-.246"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Cyber Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:cyber-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:cyber-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:cyber-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cyber-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cyber-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:cyber-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/cyber-background.svg" alt="Иконка Cyber Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Cyber Background
Можно ли бесплатно использовать иконку Cyber Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cyber Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:cyber-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cyber Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/cyber-background.svg" alt="Иконка Cyber Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.