Иконка Derc Background
token-branded:derc-background
Иконка Derc Background (token-branded:derc-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
- Теги
- dercbackground
Код 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="#fff" d="M8.024 4.579A15.7 15.7 0 0 1 12 4c1.092 0 2.668.198 3.976.579c.655.188 1.271.433 1.742.734c.442.292.87.725.87 1.318v9.068c0 .41-.179.804-.503 1.073a27 27 0 0 1-2.65 1.9a13.4 13.4 0 0 1-1.736.919c-.57.235-1.163.409-1.7.409s-1.128-.17-1.698-.41a13 13 0 0 1-1.741-.917a27 27 0 0 1-2.645-1.901a1.38 1.38 0 0 1-.503-1.073V6.635c0-.593.423-1.026.875-1.317c.466-.302 1.082-.546 1.737-.734zM6.8 6.104c-.372.24-.447.423-.447.527v9.068c0 .141.061.263.155.343c.494.396 1.473 1.163 2.55 1.83q.77.486 1.606.848c.42.196.873.311 1.336.339a3.7 3.7 0 0 0 1.336-.34q.835-.36 1.605-.846a26 26 0 0 0 2.55-1.835a.43.43 0 0 0 .156-.34V6.636c0-.099-.075-.282-.447-.527a5.7 5.7 0 0 0-1.482-.62A14.8 14.8 0 0 0 12 4.942c-1.007 0-2.494.188-3.718.541c-.611.18-1.13.39-1.482.622"/><path fill="#fff" d="M8.024 10.338L6 12.52v3.897h1.614c1.67-.4 2.654-1.261 2.937-1.643c.41.34 1.2.245 1.543.16h1.153c.513 0 .405.64.212.923c-.16.23-.457.574-.621.762h-.452a.16.16 0 0 0-.113.047c-.325.297-.461.72-.503.988c-.015.095.06.165.155.165h.57l.804-.612a.43.43 0 0 0 .31.113c.354 0 .377-.602.485-.903c.207-.603.433-.923.433-1.436c0-.658-.555-.86-.847-.884c-.423-.029-.442-.273-.207-.49c.226-.207.598-.517.795-.423c.287.14.537.57.66.847c.098.221.22.254.267.244v.156c-.16.023-.414.376-.362.602c.127.527.395.861.579.861c.15 0 .315-.357.381-.54c.108-.264.235-.97.174-1.422c-.028-.217-.687-.706-.936-.983a2.5 2.5 0 0 1-.26-.33c-.206-.395-.484-.47-.625-.47c-.362 0-.574.371-.918.371c-.762 0-.72-1.139-.71-1.308c.01-.165-.01-.264-.301-.532c-.287-.263-.297-1.035.127-1.035c.334 0 .447.518.46.772c.034.386 0 1.374.744 1.374c.607 0 .772-1.53.833-2s.283-1.177.579-1.177c.235 0 .292.424.287.636c.678-1.069-.546-1.67-.72-1.807c-.141-.109-.174-.24-.174-.292v-.367c-.127.113-.438.094-.579.07c-.503-.842-1.699-.48-2.451-.38c-.32-.424-.594-.302-.692-.19l-.504.712a.42.42 0 0 1-.343.174H8.94c.494.136.772.644.269.847c-.405.15-.768-.16-.895-.34c-.037.33.095.556.278.806c.282.385.174.527.07.55c-.677-.056-1.171.593-1.246.612c.757-.122.814.47.611.692z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Derc Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:derc-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:derc-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:derc-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--derc-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:derc-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:derc-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/derc-background.svg" alt="Иконка Derc Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Derc Background
Можно ли бесплатно использовать иконку Derc Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Derc Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:derc-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Derc Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/derc-background.svg" alt="Иконка Derc Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.