Icône Nakama
selfhst:nakama
L'icône Nakama (selfhst:nakama) 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
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#4721a0" d="M484 360.9V151.1c0-16.5-8.8-31.8-23.2-40L279.1 6.2c-14.2-8.3-32-8.3-46.3 0L51.2 111.1C37 119.4 28 134.6 28 151.1v209.8c0 16.5 8.8 31.8 23.2 40l181.7 104.8c14.2 8.3 32 8.3 46.3 0l181.7-104.8c14.1-8.3 23.1-23.5 23.1-40"/><path fill="#7151e4" d="M413.6 348.7c-5.1 0-9.3 4.2-9.3 9.3s4.2 9.3 9.3 9.3s9.3-4.2 9.3-9.3s-4.2-9.3-9.3-9.3m-157.5 63.9c-5.1 0-9.3 4.2-9.3 9.3s4.2 9.3 9.3 9.3s9.3-4.2 9.3-9.3s-4.2-9.3-9.3-9.3m57-322c-5.1 0-9.3 4.2-9.3 9.3s4.2 9.3 9.3 9.3s9.3-4.2 9.3-9.3s-4.2-9.3-9.3-9.3m-116.6 0c-5.1 0-9.3 4.2-9.3 9.3s4.2 9.3 9.3 9.3s9.3-4.2 9.3-9.3s-4.1-9.3-9.3-9.3M413.6 294c7.8 0 14.4-6.4 14.4-14.4s-6.4-14.4-14.4-14.4s-14.2 6.4-14.2 14.4s6.3 14.4 14.2 14.4m-157.5 22.1c-9.6 0-17.3 7.8-17.3 17.3c0 9.4 7.8 17.3 17.3 17.3s17.3-7.8 17.3-17.3s-7.9-17.3-17.3-17.3m0-174.9c-9.6 0-17.3 7.8-17.3 17.3c0 9.4 7.8 17.3 17.3 17.3s17.3-7.8 17.3-17.3s-7.9-17.3-17.3-17.3M96.4 223.1c5.1 0 9.3-4.2 9.3-9.3s-4.2-9.3-9.3-9.3s-9.3 4.2-9.3 9.3s4.1 9.3 9.3 9.3m0 54.7c-7.8 0-14.4 6.4-14.4 14.4s6.4 14.4 14.4 14.4s14.2-6.4 14.2-14.4s-6.4-14.4-14.2-14.4"/><path fill="#fffbff" d="M411.3 182.9c-4.1 0-7.7 1.6-10.6 4l-21.9-28.3c2.5-2.6 4.1-6.2 4.1-10.1c0-8-6.4-14.4-14.2-14.4s-14.4 6.4-14.4 14.4c0 2.6.8 4.9 2 6.9l-16.9 16.9c-2.3-1.5-4.9-2.6-7.8-2.6c-8 0-14.2 6.4-14.2 14.4c0 6.8 4.7 12.2 10.9 13.7v69.3c-3.5.6-6.4 2.5-8.8 4.8l-105.3-74.8c.9-2.3 1.4-4.7.9-7.2c-1.4-7.7-8.6-13.1-16.5-11.7c-2.5.4-4.7 1.6-6.5 3.2l-53-37.7c1.5-3.1 2.4-6.6 1.8-10.3c-1.6-9.4-10.6-15.8-20-14.2s-15.8 10.6-14.2 20s10.6 15.8 20 14.2c3.6-.6 6.5-2.5 8.9-4.8l52.9 37.6c-1.3 2.6-2 5.5-1.4 8.5c.5 2.6 1.8 4.7 3.4 6.6l-21.1 24.8c-2-.8-4.1-1.3-6.3-1.3c-9.6 0-17.3 7.8-17.3 17.3c0 8.4 6.3 15.2 14.2 16.7v108c-6.4 1.4-11.4 6.9-11.4 13.8c0 8 6.4 14.4 14.4 14.4s14.4-6.4 14.4-14.4c0-6.8-4.8-12.3-11.2-13.8v-108c7.9-1.6 14.1-8.3 14.1-16.6c0-5-2.3-9.4-5.7-12.6l20.7-24.4c2.5 1.2 5.3 1.9 8.2 1.3c3-.6 5.4-2.2 7.5-4.2L315.6 277c-1.5 3.1-2.4 6.6-1.8 10.3c1.3 7.5 7.2 12.8 14.2 14.1v60.7c-6.2 1.6-10.9 6.9-10.9 13.7c0 8 6.4 14.4 14.2 14.4s14.4-6.4 14.4-14.4c0-7-5-12.5-11.5-13.8v-60.6c9.2-1.8 15.3-10.6 13.8-19.8c-1.2-7.3-6.9-12.7-13.8-14V198c5.1-1.1 9.2-4.8 10.7-9.8l49.9 7.7c-.4 1.4-.9 2.7-.9 4.3c0 9.4 7.8 17.3 17.3 17.3c9.4 0 17.3-7.8 17.3-17.3c.1-9.4-7.7-17.3-17.2-17.3m-65.9-1c-.3-1.8-.9-3.5-1.8-5l16.8-16.8c2.3 1.7 5.1 2.8 8.2 2.8c1.7 0 3.3-.4 4.9-1l21.4 27.6z"/></svg>Comment utiliser l'icône Nakama
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:nakama" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:nakama" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:nakama" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--nakama]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:nakama"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:nakama"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/selfhst/nakama.svg" alt="Icône Nakama" width="24" height="24">Icônes similaires dans selfh.st/icons
FAQ : Icône Nakama
L'icône Nakama 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 Nakama dans React ?
Installez @iconify/react et affichez <Icon icon="selfhst:nakama" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Nakama à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/nakama.svg" alt="Icône Nakama">, ou collez le code SVG directement dans la page pour le styliser en CSS.