Icône Tooth 20 Bold
energy-icons:tooth-20-bold
L'icône Tooth 20 Bold (energy-icons:tooth-20-bold) est une icône SVG gratuite de la collection Energy Icons par Sam Passmore. Elle est dessinée sur une grille de 20 × 20. Les Energy 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
- Energy Icons
- Auteur
- Sam Passmore
- Licence
- MIT
- Taille
- 20 × 20
- Mots-clés
- toothbold
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M12.385 2.458c.91-.17 1.895-.183 2.894.316h.001c1.146.574 1.592 1.921 1.647 3.242c.056 1.361-.28 2.924-.95 4.264c-.371.74-.568 1.693-.779 2.853c-.206 1.131-.42 2.43-.854 3.732h-.001c-.265.794-.868 1.365-1.635 1.365s-1.37-.572-1.634-1.366l-.013-.045l-.835-3.334a.17.17 0 0 0-.069-.107a.3.3 0 0 0-.157-.045a.3.3 0 0 0-.157.045a.17.17 0 0 0-.07.107l-.834 3.334l-.012.046c-.264.793-.868 1.365-1.635 1.365s-1.37-.571-1.635-1.364c-.433-1.302-.649-2.602-.854-3.733c-.185-1.015-.36-1.871-.648-2.565l-.13-.288c-.67-1.34-1.009-2.903-.952-4.264c.055-1.32.502-2.668 1.648-3.241c.999-.5 1.985-.487 2.894-.317c.45.085.893.21 1.313.335c.374.111.724.217 1.072.309c.348-.092.698-.198 1.072-.309c.42-.124.862-.25 1.313-.335m2.336 1.434c-.668-.334-1.35-.346-2.106-.204c-.382.072-.773.18-1.186.303c-.405.12-.843.257-1.277.366a.6.6 0 0 1-.303 0c-.435-.109-.872-.245-1.277-.366a12 12 0 0 0-1.187-.303c-.757-.142-1.437-.13-2.105.204c-.52.26-.909.997-.958 2.176c-.047 1.138.24 2.492.82 3.653c.464.926.684 2.057.89 3.188c.211 1.16.412 2.362.812 3.561c.152.455.381.51.448.51c.065 0 .29-.053.441-.495l.827-3.303l.041-.136c.23-.656.845-.963 1.399-.963c.59 0 1.252.35 1.44 1.099l.824 3.296c.151.448.378.502.444.502s.297-.054.45-.511c.399-1.199.6-2.4.81-3.56c.206-1.13.427-2.262.89-3.188l.106-.22c.51-1.109.76-2.366.715-3.433c-.05-1.18-.437-1.916-.958-2.176"/></svg>Comment utiliser l'icône Tooth 20 Bold
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:tooth-20-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:tooth-20-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:tooth-20-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--tooth-20-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:tooth-20-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:tooth-20-bold"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/tooth-20-bold.svg" alt="Icône Tooth 20 Bold" width="24" height="24">Icônes similaires dans Energy Icons
FAQ : Icône Tooth 20 Bold
L'icône Tooth 20 Bold est-elle gratuite pour un usage commercial ?
Oui. Les Energy Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Tooth 20 Bold dans React ?
Installez @iconify/react et affichez <Icon icon="energy-icons:tooth-20-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Tooth 20 Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/energy-icons/tooth-20-bold.svg" alt="Icône Tooth 20 Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.