Иконка Vibe
cryptocurrency-color:vibe
Иконка Vibe (cryptocurrency-color:vibe) — бесплатная SVG-иконка из набора Cryptocurrency Color Icons от Christopher Downer. Она нарисована на сетке 32 × 32. Cryptocurrency Color Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Cryptocurrency Color Icons
- Автор
- Christopher Downer
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="16" cy="16" r="16" fill="#338be5"/><path fill="#fff" d="M22.63 16.918c.73.196 1.45.423 2.098.822q.434.267.8.619c.36.4.336.822.008 1.245c-.288.368-.68.603-1.097.799c-1.056.509-2.176.799-3.32.971c-.929.14-1.873.22-2.81.337a.34.34 0 0 0-.216.149c-.656.978-1.304 1.957-1.96 2.936a2 2 0 0 0-.144.204a272 272 0 0 1-2.057-3.133a.33.33 0 0 0-.28-.164c-1.873-.133-3.721-.376-5.49-1.01c-.56-.196-1.096-.439-1.56-.807c-.025-.024-.057-.04-.08-.063c-.68-.571-.697-1.182-.04-1.77c.52-.47 1.16-.736 1.824-.94s1.336-.352 2.009-.524c.032-.008.064-.008.12-.024c-1.449-2.216-2.881-4.409-4.346-6.633c.088-.008.152-.016.208-.016c.905-.008 1.809 0 2.713-.008a.33.33 0 0 1 .312.18q3.285 5.01 6.563 10.025a1 1 0 0 0 .112.157c.504-.76.992-1.488 1.472-2.217q2.64-3.99 5.282-7.972c.064-.094.112-.165.256-.165q1.429.01 2.857.008q.067 0 .136.008a3255 3255 0 0 1-4.466 6.72c.377.093.737.172 1.097.266zm-13.732 1.88c.186.207.405.385.648.524c1 .533 2.105.728 3.25.9c-.016-.054-.016-.078-.024-.093c-.649-.98-1.289-1.966-1.937-2.945a.23.23 0 0 0-.2-.063q-.57.188-1.113.447a2.2 2.2 0 0 0-.616.501a.517.517 0 0 0-.008.728zm12.604.845a2.7 2.7 0 0 0 1.16-.658c.321-.32.321-.681 0-1.01a1.2 1.2 0 0 0-.271-.22c-.344-.172-.704-.336-1.057-.508c-.12-.063-.192-.016-.264.094c-.376.58-.76 1.15-1.144 1.723c-.24.36-.48.728-.728 1.104a.8.8 0 0 0 .192 0c.704-.172 1.416-.329 2.112-.525M21.51 9l-5.481 8.732L10.475 9z"/></g></svg>Как использовать иконку Vibe
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:vibe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:vibe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:vibe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--vibe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:vibe"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:vibe"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/vibe.svg" alt="Иконка Vibe" width="24" height="24">Иконка Vibe в других наборах
Вопросы и ответы: Иконка Vibe
Можно ли бесплатно использовать иконку Vibe в коммерческих проектах?
Да. Cryptocurrency Color Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Vibe в React?
Установите @iconify/react и выведите <Icon icon="cryptocurrency-color:vibe" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Vibe на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/vibe.svg" alt="Иконка Vibe">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.