Иконка Diver

token:diver

Иконка Diver (token:diver) — бесплатная SVG-иконка из набора Web3 Icons от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Web3 Icons
Автор: 0xa3k5
Лицензия: MIT
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.425 7.95h-.833a9.3 9.3 0 0 1 1.958 2.578q.237-.229.468-.432a8.7 8.7 0 0 0-1.593-2.146M8.67 8a5 5 0 0 0-.81.193a9.2 9.2 0 0 1 2.731 3.375q.237-.284.473-.54A8.7 8.7 0 0 0 8.67 7.999m-1.49.485q-.312.161-.584.37a9.14 9.14 0 0 1 3.172 3.856a10 10 0 0 1 .369-.549A8.7 8.7 0 0 0 7.18 8.485m-1.088.801a4 4 0 0 0-.46.54a8.2 8.2 0 0 1 2.034 1.859a7.5 7.5 0 0 1 1.287 2.538c.122-.27.252-.54.387-.788a8.46 8.46 0 0 0-3.248-4.149m1.043 2.773a7 7 0 0 1 1.386 3.285c-.076.224-.144.463-.207.706h-.387a6.67 6.67 0 0 0-1.197-3.492a6.8 6.8 0 0 0-1.678-1.616l.09-.225c.045-.117.099-.229.153-.342A7.7 7.7 0 0 1 7.14 12.06zm-.418 3.991h.544c-.094-1.215-.44-2.25-1.08-3.132A6 6 0 0 0 4.81 11.55l-.252.63c.513.387.922.805 1.246 1.269c.527.772.842 1.669.914 2.601M5.25 13.8c.455.652.707 1.39.801 2.25h-.486a4.63 4.63 0 0 0-1.49-2.677l.226-.567c.391.315.701.643.949.998zm-1.701.877l.27-.656a3.97 3.97 0 0 1 1.08 2.029h-.612a4.4 4.4 0 0 0-.738-1.373m-.288.72c.135.207.239.423.329.653H3zM12.09 7.95h-.774a9.3 9.3 0 0 1 1.215 1.719q.27-.214.526-.4a8.7 8.7 0 0 0-.967-1.319m1.552 0h-.706q.36.452.662.945l.494-.306q-.21-.33-.45-.64m1.625 0h-.819l.211.315c.216-.117.419-.225.608-.315m.306.355l.108-.355H21l-2.232 5.378a4.52 4.52 0 0 1-4.203 2.722H8.886c5.247-3.074 6.152-6.007 6.687-7.745"/></svg>

Как использовать иконку Diver

React

import { Icon } from "@iconify/react";

<Icon icon="token:diver" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token:diver" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token:diver" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--diver]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:diver"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token:diver"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/token/diver.svg" alt="Иконка Diver" width="24" height="24">

Иконка Diver в других наборах

Вопросы и ответы: Иконка Diver

Можно ли бесплатно использовать иконку Diver в коммерческих проектах?

Да. Web3 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Diver в React?

Установите @iconify/react и выведите <Icon icon="token:diver" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Diver на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token/diver.svg" alt="Иконка Diver">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Web3 Icons →