Иконка Ko Fi Light

selfhst:ko-fi-light

Иконка Ko Fi Light (selfhst:ko-fi-light) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512
Теги: kofi, filight, kofilight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M474.4 98.8c-24.2-24.8-58.6-40.1-99.6-44.2c-30.7-3.1-52.8-4.1-131-4.1c-48.1 0-94.2.4-131.4 5.1c-31.3 4-59.5 18.7-79.4 41.3c-21.5 24.6-33 57.8-33 95.8c0 64.2 2.5 121.7 34.1 174.7c35.5 60.5 96.1 93.9 170.6 93.9l15.4.2c97.2 0 147.9-56 169.5-89.3l.2-.3c6.7-10.6 12.4-21.4 16.9-32.1c61.2-15 105.2-70 105.2-135.8v-7.7c.1-38.6-13-72.3-37.5-97.5m5.3 105c0 56.2-41.2 102.1-96.8 107c-4.4 14.6-11.2 29.1-20.4 43.6c-21.3 32.8-64 74.5-142.3 74.5h-15.5c-63.9 0-113.2-27.6-142.8-78c-26.2-44-29.5-93-29.5-158.3c0-64.4 38.7-99.3 84.3-105c34.4-4.4 77.1-4.9 127.3-4.9c78.4 0 98.8.9 127.7 3.9c68.2 6.8 107.9 48.9 108 109.4zm-36.4-7c0-45-28.1-68.7-77-74.5c-27.6-2.3-44-3.3-122.5-3.3c-52.7 0-90.4.5-119 4.9c-40.1 5.9-56.2 28.6-56.2 69.2c0 62.5 4 102.6 24.2 139.9c23.2 43.1 65.3 59.5 113.2 59.5h15c63 0 93.5-30.5 110.4-57.1c8.2-13.6 15.5-28.6 19.4-47.4l2.9-12.1h17.4c38.7 0 72.1-31.5 72.1-71.7h-.1v-7.4zm-164.6 99.5c-13.1 13.1-34.4 26.7-48.9 35.4c-3.9 2.4-8.7 3.9-14.5 3.9c-4.9 0-9.2-1.4-13.6-3.9c-14.5-8.7-35.8-22.3-49.4-35.4c-20.3-19.4-36.3-44-36.3-72.6c0-31 22.3-58.6 56.1-58.6c19.9 0 33.9 10.2 43.1 24.2c10.2-14.1 23.7-24.2 43.6-24.2c33.5 0 56.7 27.6 56.7 58.6c0 28.6-16 53.2-36.8 72.6m87.2-59.7c-7.7 0-12.1-4.4-12.1-10.1v-54.6c0-5.8 4.4-10.1 12.1-10.1c24.6 0 38.2 14.6 38.2 37.6c0 23.1-13.6 37.2-38.2 37.2"/></svg>

Как использовать иконку Ko Fi Light

React

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

<Icon icon="selfhst:ko-fi-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:ko-fi-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:ko-fi-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ko-fi-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ko-fi-light"></div>

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

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

<iconify-icon icon="selfhst:ko-fi-light"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/selfhst/ko-fi-light.svg" alt="Иконка Ko Fi Light" width="24" height="24">

Вопросы и ответы: Иконка Ko Fi Light

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

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все selfh.st/icons →