Icône Ko Fi
selfhst:ko-fi
L'icône Ko Fi (selfhst:ko-fi) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- selfh.st/icons
- Auteur
- selfh.st
- Licence
- CC-BY-4.0
- Taille
- 512 × 512
- Mots-clés
- kofi
Code 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>
Comment utiliser l'icône 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>
Image HTML
<img src="https://iconyz.com/api/public/svg/selfhst/ko-fi.svg" alt="Icône Ko Fi" width="24" height="24">
Icônes similaires dans selfh.st/icons
L'icône Ko Fi dans d'autres collections
FAQ : Icône Ko Fi
L'icône Ko Fi est-elle gratuite pour un usage commercial ?
Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Ko Fi dans React ?
Installez @iconify/react et affichez <Icon icon="selfhst:ko-fi" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Ko Fi à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/ko-fi.svg" alt="Icône Ko Fi">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les selfh.st/icons →
ICONYZ
