Иконка Tooth 20 Bold

energy-icons:tooth-20-bold

Иконка Tooth 20 Bold (energy-icons:tooth-20-bold) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 20 × 20. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Energy Icons
Автор: Sam Passmore
Лицензия: MIT
Размер: 20 × 20
Теги: toothbold

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/energy-icons/tooth-20-bold.svg" alt="Иконка Tooth 20 Bold" width="24" height="24">

Вопросы и ответы: Иконка Tooth 20 Bold

Можно ли бесплатно использовать иконку Tooth 20 Bold в коммерческих проектах?

Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Tooth 20 Bold в React?

Установите @iconify/react и выведите <Icon icon="energy-icons:tooth-20-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Tooth 20 Bold на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/tooth-20-bold.svg" alt="Иконка Tooth 20 Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Energy Icons →