Иконка Dsm
token-branded:dsm
Иконка Dsm (token-branded:dsm) — бесплатная 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="url(#SVG6sIt6cZU)" d="M7.209 3.36C7.63 3.079 8.064 3 8.446 3c2.351 0 4.978 1.243 7.008 2.959c2.02 1.704 3.538 3.96 3.538 6.051c0 2.115-1.631 3.949-3.583 5.22c-1.968 1.282-4.376 2.081-6.136 2.081a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.294-1.67c-.596-1.294-.73-2.88-.73-4.101c0-4.219.432-6.66 1.068-8.06a3.3 3.3 0 0 1 1.125-1.44m-.507 1.715c-.579 1.26-1.108 3.583-1.108 7.785c0 1.192.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.462.337 1.058.55 1.834.55c1.597 0 3.88-.843 5.765-2.075c1.901-1.237 3.375-2.89 3.375-4.668c0-1.8-1.434-3.881-3.398-5.54c-1.946-1.648-4.432-2.903-6.558-2.903c-.286 0-.579.057-.866.248a3.1 3.1 0 0 0-.883 1.265z"/><path fill="url(#SVG10xGreXU)" d="M8.372 4.485c.422-.281.855-.36 1.237-.36c2.357 0 4.978 1.243 7.009 2.958c2.019 1.705 3.538 3.96 3.538 6.053c0 2.114-1.632 3.948-3.583 5.219c-1.969 1.282-4.37 2.081-6.137 2.081a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.293-1.67c-.597-1.294-.732-2.88-.732-4.101c0-4.219.434-6.66 1.07-8.06a3.3 3.3 0 0 1 1.124-1.44M7.866 6.2c-.58 1.26-1.108 3.583-1.108 7.785c0 1.192.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.466.337 1.057.55 1.833.55c1.603 0 3.881-.843 5.771-2.075c1.895-1.237 3.364-2.89 3.364-4.668c0-1.8-1.43-3.881-3.392-5.54c-1.952-1.648-4.427-2.903-6.564-2.903c-.287 0-.58.057-.866.248A3.1 3.1 0 0 0 7.866 6.2"/><path fill="url(#SVG98c9iRfk)" d="M6.044 5.047c.422-.28.855-.36 1.237-.36c2.351 0 4.978 1.244 7.008 2.959c2.02 1.704 3.538 3.96 3.538 6.052c0 2.115-1.631 3.948-3.583 5.22c-1.968 1.282-4.376 2.08-6.136 2.08a3.68 3.68 0 0 1-2.233-.68a4.17 4.17 0 0 1-1.3-1.67c-.59-1.294-.73-2.88-.73-4.1c0-4.22.438-6.66 1.074-8.06a3.3 3.3 0 0 1 1.125-1.44m-.507 1.716c-.579 1.26-1.108 3.583-1.108 7.784c0 1.193.225 2.66.76 3.825a3.9 3.9 0 0 0 1.085 1.513c.461.337 1.058.551 1.834.551c1.597 0 3.88-.843 5.765-2.075c1.896-1.238 3.375-2.891 3.375-4.669c0-1.8-1.435-3.88-3.398-5.54C11.9 6.504 9.419 5.25 7.282 5.25c-.281 0-.58.056-.86.247a3.14 3.14 0 0 0-.89 1.272z"/><defs><linearGradient id="SVG6sIt6cZU" x1="3.845" x2="20.156" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient><linearGradient id="SVG10xGreXU" x1="3.844" x2="20.155" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient><linearGradient id="SVG98c9iRfk" x1="3.844" x2="20.156" y1="12" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#fe723f"/><stop offset="1" stop-color="#fca553"/></linearGradient></defs></g></svg>Как использовать иконку Dsm
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:dsm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:dsm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:dsm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--dsm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:dsm"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:dsm"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/dsm.svg" alt="Иконка Dsm" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Иконка Dsm в других наборах
Вопросы и ответы: Иконка Dsm
Можно ли бесплатно использовать иконку Dsm в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Dsm в React?
Установите @iconify/react и выведите <Icon icon="token-branded:dsm" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Dsm на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/dsm.svg" alt="Иконка Dsm">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.