Иконка Ko Fi

selfhst:ko-fi

Иконка Ko Fi (selfhst:ko-fi) — бесплатная 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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M204.7 461.3c-74.5 0-135.1-33.4-170.6-93.9C2.5 314.3 0 256.9 0 192.7c0-38 11.5-71.2 33.1-95.8C53 74.3 81.2 59.6 112.5 55.6c37.2-4.7 83.3-5.1 131.4-5.1c78.2 0 100.3.9 131 4.1c41 4.1 75.3 19.4 99.6 44.2c24.5 25.2 37.6 58.9 37.6 97.4v7.7c0 65.8-44 120.8-105.2 135.8c-4.6 10.7-10.2 21.5-16.9 32.1l-.2.3c-21.6 33.4-72.3 89.3-169.5 89.3z"/><path fill="#202020" d="M365.9 161.7c-7.7 0-12.1 4.4-12.1 10.1v54.6c0 5.8 4.4 10.1 12.1 10.1c24.6 0 38.2-14.1 38.2-37.3c0-22.9-13.6-37.5-38.2-37.5m5.8-75.1c-29-2.9-49.4-3.9-127.7-3.9c-50.3 0-93 .5-127.3 4.9c-45.5 5.8-84.3 40.7-84.3 105c0 65.3 3.3 114.3 29.5 158.3c29.5 50.4 78.9 78 142.8 78h15.5c78.4 0 121.1-41.7 142.3-74.5c9.2-14.5 16-29 20.4-43.6c55.7-4.9 96.8-50.8 96.8-107V196c-.1-60.5-39.8-102.6-108-109.4m71.7 117.6c0 40.1-33.4 71.7-72.1 71.7h-17.4L351 288c-3.9 18.9-11.2 33.9-19.4 47.4c-16.9 26.6-47.4 57.1-110.4 57.1h-15c-48 0-90-16.4-113.2-59.5c-20.3-37.3-24.2-77.5-24.2-139.9c0-40.7 16-63.4 56.2-69.2c28.6-4.4 66.3-4.9 119-4.9c78.5 0 94.9 1 122.5 3.3c48.9 5.8 77 29.5 77 74.5v7.4z"/><path fill="#ff5a16" d="M116.1 223.7c0 28.6 16 53.2 36.3 72.6c13.6 13.1 34.9 26.7 49.4 35.4c4.4 2.4 8.7 3.9 13.6 3.9c5.8 0 10.6-1.4 14.5-3.9c14.5-8.7 35.8-22.3 48.9-35.4c20.8-19.4 36.8-44 36.8-72.6c0-31-23.2-58.6-56.7-58.6c-19.9 0-33.4 10.1-43.6 24.2c-9.2-14-23.2-24.2-43.1-24.2c-33.8 0-56.1 27.6-56.1 58.6"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все selfh.st/icons →