Icône Boss 6
streamline-kameleon-color:boss-6
L'icône Boss 6 (streamline-kameleon-color:boss-6) est une icône SVG gratuite de la collection Kameleon color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Kameleon color 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
- Kameleon color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Utilisateurs et personnes
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#25b7d3" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#3e3e3f" d="M28.355 28.799c4.432-.985 3.904-4.711 3.927-10.036c0-4.338-3.953-7.855-8.29-7.855c-4.338 0-8.291 3.517-8.291 7.855c.014 4.524-.348 9.086 3.927 10.035zM24 30.544l-3.055-.436l-7.087 1.69a3.49 3.49 0 0 0-2.255 2.09l-1.567 4.074H24zm0 0l3.055-.436l7.087 1.69a3.49 3.49 0 0 1 2.255 2.09l1.567 4.074H24z"/><path fill="#fff" d="M23.99 36.216c-1.26 0-2.446-.169-3.5-.461l.882 2.207h5.236l.883-2.207a13.2 13.2 0 0 1-3.5.461"/><path fill="#b5bbbd" d="M18.763 37.962h2.618l-1.322-3.306a5.9 5.9 0 0 1-.423-2.197v-3.224c-.873.872-1.745 1.745-2.618 3.054l1.745.873l-2.181 2.182zm10.473 0h-2.618l1.322-3.306c.28-.699.424-1.444.424-2.197v-3.224c.872.872 1.745 1.745 2.618 3.054l-1.746.873l2.182 2.182z"/><path fill="#f4d0a1" d="M23.991 30.544c-1.43-.476-3.116-1.38-4.355-3.288v5.203c0 .753.144 1.498.423 2.197l1.323 3.306h5.236l1.322-3.306c.28-.699.423-1.445.423-2.197v-5.231c-1.24 1.927-2.936 2.837-4.372 3.316"/><path fill="#f8e1c2" d="M23.991 30.544c-1.43-.477-3.116-1.379-4.355-3.288v5.203c0 .753.144 1.499.423 2.197l1.323 3.306H24V30.54z"/><path fill="#f8e1c2" d="m28.791 17.454l-3.49 2.182l.436-3.927l-4.8 4.363v-2.181c-2.775 2.645-3.457 3.555-4.33 3.836c.119 1.198.579 2.466 1.79 2.676c1.065 3.972 3.585 5.472 5.594 6.141c2.01-.67 4.53-2.17 5.595-6.141c.864-.15 1.345-.84 1.593-1.659c-1.512-.766-2.388-2.435-2.388-5.29"/><path fill="#fcf1e2" d="M20.937 20.072V17.89c-2.775 2.645-3.457 3.555-4.33 3.836c.119 1.199.579 2.467 1.79 2.676c1.065 3.972 3.585 5.472 5.594 6.142v-13.25z"/><path fill="#f79392" d="M21.81 25.744h4.363s0 1.31-2.182 1.31s-2.181-1.31-2.181-1.31"/><path fill="#3e3e3f" d="M21.434 20.886c.624 0 1.146.121 1.291.495c.002-.436-.438-1.067-1.291-1.067c-.852 0-1.332.63-1.291 1.067c.144-.373.667-.495 1.29-.495m5.203 0c.624 0 1.146.121 1.291.495c.002-.436-.438-1.067-1.291-1.067c-.852 0-1.332.63-1.291 1.067c.145-.373.667-.495 1.29-.495"/><path fill="#fff" d="M17.617 26.181a.712.712 0 1 0 0-1.423a.712.712 0 0 0 0 1.423m12.767 0a.712.712 0 1 0 0-1.423a.712.712 0 0 0 0 1.423"/></g></svg>Comment utiliser l'icône Boss 6
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:boss-6" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:boss-6" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:boss-6" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--boss-6]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:boss-6"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:boss-6"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/boss-6.svg" alt="Icône Boss 6" width="24" height="24">Icônes similaires dans Kameleon color icons
FAQ : Icône Boss 6
L'icône Boss 6 est-elle gratuite pour un usage commercial ?
Oui. Les Kameleon color 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 Boss 6 dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-kameleon-color:boss-6" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Boss 6 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/boss-6.svg" alt="Icône Boss 6">, ou collez le code SVG directement dans la page pour le styliser en CSS.