Ícone Ko Fi Dark
selfhst:ko-fi-dark
O ícone Ko Fi Dark (selfhst:ko-fi-dark) é 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, fidark, kofidark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path 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>
Como usar o ícone Ko Fi Dark
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:ko-fi-dark" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:ko-fi-dark" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:ko-fi-dark" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--ko-fi-dark]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:ko-fi-dark"></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-dark"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/ko-fi-dark.svg" alt="Ícone Ko Fi Dark" width="24" height="24">
Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Ko Fi Dark
O ícone Ko Fi Dark é 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 Dark no React?
Instale @iconify/react e renderize <Icon icon="selfhst:ko-fi-dark" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ko Fi Dark 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-dark.svg" alt="Ícone Ko Fi Dark">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os selfh.st/icons →
ICONYZ
