Icône Peacock
thesvg-color:peacock
L'icône Peacock (thesvg-color:peacock) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 179 × 55. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 179 × 55
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="179" height="55" viewBox="0 0 179 55"><path d="M122.148 189.481c-6.333 0-11.481 5.148-11.481 11.481v26.556h5.444v-14.74l2 2.11l8-3.147c4.556-1.778 7.519-5.89 7.519-10.778c0-6.333-5.148-11.482-11.482-11.482m2.038 17.445l-8.074 3.148v-9.111c0-3.667 2.741-6.296 6.037-6.296s6.037 2.666 6.037 6.296c0 2.296-1.111 4.815-4 5.963m94.037-17.445c-6.333 0-11.481 5.148-11.481 11.481s5.148 11.481 11.481 11.481s11.481-5.148 11.481-11.481s-5.148-11.481-11.481-11.481m0 17.778c-3.481 0-6.037-2.777-6.037-6.296s2.63-6.296 6.037-6.296c3.481 0 6.037 2.777 6.037 6.296s-2.556 6.296-6.037 6.296m24.852-12.592c2.369 0 4.295 1.296 5.296 3.222l4.259-3.259c-2.074-3.074-5.555-5.111-9.555-5.111c-6.334 0-11.482 5.148-11.482 11.481s5.148 11.481 11.482 11.481c3.963 0 7.48-2.037 9.555-5.111l-4.259-3.26c-1.001 1.927-2.927 3.223-5.296 3.223c-3.482 0-6.037-2.777-6.037-6.296s2.629-6.37 6.037-6.37m-46.445 0c2.371 0 4.297 1.296 5.297 3.222l4.259-3.259c-2.074-3.074-5.556-5.111-9.556-5.111c-6.333 0-11.481 5.148-11.481 11.481s5.148 11.481 11.481 11.481c3.963 0 7.482-2.037 9.556-5.111l-4.259-3.26c-1 1.927-2.926 3.223-5.297 3.223c-3.481 0-6.037-2.777-6.037-6.296s2.593-6.37 6.037-6.37m-19.037-2.445c-1.852-1.926-4.296-2.74-6.852-2.74c-5.334 0-10.74 4.852-10.74 11.481s5.406 11.481 10.74 11.481c2.556 0 5-.814 6.852-2.74v2.074h5.445v-21.594h-5.445zm-6.037 15.037c-3.48 0-6.111-2.777-6.111-6.296s2.704-6.296 6.111-6.296c3.482 0 6.037 2.777 6.037 6.296s-2.555 6.296-6.037 6.296m96.222-7.074h-2.444l9.444-10.037h-7l-7.63 8.223v-20h-5.444v33.408h5.444v-6.148l3-3.186l6.407 9.334h6.593zm-120.889-10.704c-6.333 0-11.481 5.148-11.481 11.481s5.148 11.481 11.481 11.481c3.778 0 7.333-1.814 9.371-4.629l-4.371-3.037c-.519.852-2.185 2.48-5 2.48c-2.592 0-4.704-1.555-5.592-3.814h16.556c.186-.814.26-1.629.26-2.481c.035-6.332-4.89-11.481-11.224-11.481m-5.555 9c.889-2.26 3-3.814 5.555-3.814c2.593 0 4.556 1.555 5.371 3.814z"/><path fill="#069de0" d="M286.038 208.519a3.304 3.304 0 0 0-3.297 3.297a3.303 3.303 0 0 0 3.297 3.295a3.303 3.303 0 0 0 3.296-3.295a3.303 3.303 0 0 0-3.296-3.297"/><path fill="#6e55dc" d="M286.038 199.519a3.304 3.304 0 0 0-3.297 3.297a3.303 3.303 0 0 0 3.297 3.295a3.303 3.303 0 0 0 3.296-3.295c-.037-1.853-1.481-3.297-3.296-3.297"/><path fill="#05ac3f" d="M286.038 217.519a3.304 3.304 0 0 0-3.297 3.297a3.303 3.303 0 0 0 3.297 3.295a3.303 3.303 0 0 0 3.296-3.295a3.303 3.303 0 0 0-3.296-3.297"/><path fill="#ef1541" d="M286.038 190.481a3.304 3.304 0 0 0-3.297 3.297a3.304 3.304 0 0 0 3.297 3.296a3.303 3.303 0 0 0 3.296-3.296c-.037-1.815-1.481-3.297-3.296-3.297"/><path fill="#ff7112" d="M286.038 181.481a3.304 3.304 0 0 0-3.297 3.297a3.304 3.304 0 0 0 3.297 3.296a3.303 3.303 0 0 0 3.296-3.296c-.037-1.815-1.481-3.297-3.296-3.297"/><path fill="#fccc12" d="M286.038 172.481a3.304 3.304 0 0 0-3.297 3.297a3.304 3.304 0 0 0 3.297 3.296a3.303 3.303 0 0 0 3.296-3.296c-.037-1.815-1.481-3.297-3.296-3.297"/></svg>Comment utiliser l'icône Peacock
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:peacock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:peacock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:peacock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--peacock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:peacock"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:peacock"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/peacock.svg" alt="Icône Peacock" width="24" height="24">L'icône Peacock dans d'autres collections
FAQ : Icône Peacock
L'icône Peacock est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Peacock dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:peacock" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Peacock à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/peacock.svg" alt="Icône Peacock">, ou collez le code SVG directement dans la page pour le styliser en CSS.