Icône Toggles
game-icons:toggles
L'icône Toggles (game-icons:toggles) est une icône SVG gratuite de la collection Game Icons par GameIcons. Elle est dessinée sur une grille de 512 × 512. Les Game Icons sont publiées sous la licence CC BY 3.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
- Game Icons
- Auteur
- GameIcons
- Licence
- CC-BY-3.0
- Taille
- 512 × 512
- Mots-clés
- toggle
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M96 32c-44 0-63 27.5-63 55s19 55 63 55h.12C80.75 128.6 71 108.9 71 87c0-21.91 9.75-41.6 25.12-55zm48 0c-30.5 0-55 24.52-55 55c0 30.5 24.5 55 55 55s55-24.5 55-55c0-7.4-1.5-14.45-4.1-20.89L145 132.7l-39.4-39.3l12.8-12.76L143 105.3l41.6-55.46C174.6 38.86 160.1 32 144 32m47.9 0C207.2 45.4 217 65.09 217 87c0 21.9-9.8 41.6-25.1 55H416c44 0 63-27.5 63-55s-19-55-63-55zM96 192c-44 0-63 27.5-63 55s19 55 63 55h.12C80.75 288.6 71 268.9 71 247s9.75-41.6 25.12-55zm48 0c-30.5 0-55 24.5-55 55s24.5 55 55 55s55-24.5 55-55c0-7.4-1.5-14.5-4.1-20.9L145 292.7l-39.4-39.3l12.8-12.8l24.6 24.7l41.6-55.5c-10-10.9-24.5-17.8-40.6-17.8m47.9 0c15.3 13.4 25.1 33.1 25.1 55s-9.8 41.6-25.1 55H416c44 0 63-27.5 63-55s-19-55-63-55zM96 334c-52 0-81 36.5-81 73s29 73 81 73h272c-18.3 0-35-6.8-47.9-18H96c-44 0-63-27.5-63-55s19-55 63-55h224.1c12.9-11.2 29.6-18 47.9-18zm272 0c18.3 0 35 6.8 47.9 18h.1c44 0 63 27.5 63 55s-19 55-63 55h-.1c-12.9 11.2-29.6 18-47.9 18h48c52 0 81-36.5 81-73s-29-73-81-73zm0 18c-30.5 0-55 24.5-55 55s24.5 55 55 55s55-24.5 55-55s-24.5-55-55-55m-25.6 16.6l25.6 25.6l25.6-25.6l12.8 12.8l-25.6 25.6l25.6 25.6l-12.8 12.8l-25.6-25.6l-25.6 25.6l-12.8-12.8l25.6-25.6l-25.6-25.6z"/></svg>Comment utiliser l'icône Toggles
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:toggles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:toggles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:toggles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--toggles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:toggles"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:toggles"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/game-icons/toggles.svg" alt="Icône Toggles" width="24" height="24">L'icône Toggles dans d'autres collections
FAQ : Icône Toggles
L'icône Toggles est-elle gratuite pour un usage commercial ?
Oui. Les Game Icons sont publiées sous la licence CC BY 3.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Toggles dans React ?
Installez @iconify/react et affichez <Icon icon="game-icons:toggles" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Toggles à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/game-icons/toggles.svg" alt="Icône Toggles">, ou collez le code SVG directement dans la page pour le styliser en CSS.