Ícone Ko Fi
selfhst:ko-fi
O ícone Ko Fi (selfhst:ko-fi) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
- Tags
- kofi
Código 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>
Como usar o ícone 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>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:ko-fi"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/ko-fi.svg" alt="Ícone Ko Fi" width="24" height="24">
Ícones relacionados em selfh.st/icons
O ícone Ko Fi em outras coleções
Perguntas frequentes sobre Ícone Ko Fi
O ícone Ko Fi é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Ko Fi no React?
Instale @iconify/react e renderize <Icon icon="selfhst:ko-fi" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ko Fi a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/ko-fi.svg" alt="Ícone Ko Fi">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os selfh.st/icons →
ICONYZ
