Иконка Kiro
logos:kiro
Иконка Kiro (logos:kiro) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 312. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 312
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="312" viewBox="0 0 256 312"><path fill="#fff" d="M49.375 241.177c-32.186 71.33 36.35 89.215 86.9 47.471c14.854 46.813 70.609 11.894 90.603-24.37c44.07-79.928 26.273-161.466 21.705-178.285c-31.328-114.698-187.91-114.812-214.86.585c-6.294 20.194-6.404 43.162-9.969 67.009c-1.797 12.025-3.064 19.7-7.717 32.348c-2.676 7.272-6.357 13.73-12.14 24.612c-8.982 16.904-5.192 49.53 41.103 32.61v.012z"/><path d="M142.393 135.634c-12.853 0-14.772-15.359-14.772-24.515c0-8.264 1.48-14.83 4.286-18.993c2.467-3.663 5.996-5.52 10.486-5.52s8.342 1.887 11.06 5.61c3.095 4.243 4.73 10.778 4.73 18.903c0 15.352-5.902 24.515-15.788 24.515zm52.875 0c-12.854 0-14.774-15.359-14.774-24.515c0-8.264 1.482-14.83 4.287-18.993c2.467-3.663 5.996-5.52 10.487-5.52s8.34 1.887 11.058 5.61c3.096 4.243 4.733 10.778 4.733 18.903c0 15.352-5.903 24.515-15.79 24.515z"/></svg>Как использовать иконку Kiro
React
import { Icon } from "@iconify/react";
<Icon icon="logos:kiro" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:kiro" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:kiro" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--kiro]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:kiro"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:kiro"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/kiro.svg" alt="Иконка Kiro" width="24" height="24">Иконка Kiro в других наборах
Вопросы и ответы: Иконка Kiro
Можно ли бесплатно использовать иконку Kiro в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Kiro в React?
Установите @iconify/react и выведите <Icon icon="logos:kiro" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Kiro на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/kiro.svg" alt="Иконка Kiro">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.