Ícone Tooth 20
energy-icons:tooth-20
O ícone Tooth 20 (energy-icons:tooth-20) é um ícone SVG gratuito da coleção Energy Icons de Sam Passmore. Ele é desenhado em uma grade de 20 × 20. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Energy Icons
- Autor
- Sam Passmore
- Licença
- MIT
- Tamanho
- 20 × 20
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M12.408 2.581c.894-.168 1.85-.178 2.816.305l.196.11c.94.593 1.331 1.8 1.383 3.025c.052 1.255-.238 2.69-.819 3.953l-.12.25c-.38.759-.578 1.729-.789 2.886c-.18.993-.367 2.104-.7 3.23l-.15.485c-.254.76-.82 1.28-1.517 1.28s-1.262-.52-1.515-1.28l-.01-.037l-.835-3.334c-.037-.15-.165-.246-.348-.246c-.16 0-.277.074-.33.192l-.018.054l-.834 3.334l-.01.037c-.254.76-.82 1.28-1.516 1.28c-.653 0-1.191-.457-1.465-1.14l-.05-.14c-.431-1.29-.645-2.58-.851-3.715c-.185-1.012-.36-1.881-.656-2.591l-.134-.295c-.661-1.322-.994-2.864-.938-4.203c.055-1.307.495-2.593 1.578-3.135c.966-.483 1.922-.473 2.817-.305c.443.083.88.207 1.3.331c.382.114.745.224 1.107.319c.362-.095.725-.205 1.108-.319c.419-.124.856-.248 1.3-.33m2.368 1.2c-.7-.35-1.412-.361-2.183-.216c-.39.073-.786.183-1.2.306c-.408.121-.84.257-1.271.364a.5.5 0 0 1-.243 0c-.43-.107-.864-.243-1.27-.364a12 12 0 0 0-1.201-.306c-.772-.145-1.484-.135-2.185.215c-.583.292-.976 1.09-1.026 2.283c-.048 1.16.244 2.535.833 3.713c.454.908.673 2.022.879 3.156c.21 1.157.413 2.368.815 3.577l.066.166c.162.348.382.43.502.43c.135 0 .399-.105.562-.586l.828-3.307c.17-.683.772-1.004 1.318-1.004c.545 0 1.148.321 1.318 1.004l.827 3.307c.164.48.427.585.563.586c.136 0 .405-.106.568-.596l.142-.453c.311-1.058.49-2.111.674-3.124c.206-1.134.423-2.248.877-3.156c.59-1.178.882-2.553.834-3.713c-.05-1.194-.443-1.99-1.027-2.283"/></svg>Como usar o ícone Tooth 20
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:tooth-20" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:tooth-20" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:tooth-20" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--tooth-20]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:tooth-20"></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"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/tooth-20.svg" alt="Ícone Tooth 20" width="24" height="24">Ícones relacionados em Energy Icons
Perguntas frequentes sobre Ícone Tooth 20
O ícone Tooth 20 é grátis para uso comercial?
Sim. Energy Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Tooth 20 no React?
Instale @iconify/react e renderize <Icon icon="energy-icons:tooth-20" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Tooth 20 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/energy-icons/tooth-20.svg" alt="Ícone Tooth 20">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.