Иконка Tooth 48 Bold

energy-icons:tooth-48-bold

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M29.77 6.147c2.152-.404 4.457-.43 6.789.735c2.625 1.313 3.684 4.425 3.815 7.566c.134 3.223-.666 6.933-2.256 10.112c-.907 1.814-1.383 4.134-1.888 6.914c-.495 2.72-1.01 5.82-2.044 8.922C33.573 42.233 32.2 43.5 30.5 43.5s-3.074-1.267-3.686-3.104q-.015-.045-.027-.092l-2-8c-.083-.335-.365-.554-.787-.554s-.703.22-.787.554l-2 8l-.027.092C20.573 42.233 19.2 43.5 17.5 43.5s-3.074-1.267-3.686-3.104c-1.034-3.103-1.55-6.201-2.044-8.922c-.506-2.78-.981-5.1-1.888-6.914c-1.59-3.18-2.39-6.889-2.256-10.112c.131-3.141 1.19-6.253 3.815-7.566c2.331-1.166 4.637-1.139 6.79-.735c1.067.2 2.12.497 3.125.796c.916.272 1.78.538 2.643.764c.864-.226 1.728-.492 2.645-.764c1.005-.299 2.058-.596 3.126-.796m5.67 2.971c-1.668-.834-3.362-.86-5.21-.514c-.932.174-1.88.44-2.874.735c-.977.29-2.018.615-3.053.874c-.2.05-.408.05-.607 0c-1.034-.259-2.076-.584-3.052-.874c-.995-.295-1.942-.56-2.874-.735c-1.848-.347-3.543-.32-5.211.514c-1.375.688-2.316 2.576-2.435 5.435c-.116 2.777.584 6.068 1.994 8.889c1.093 2.186 1.617 4.864 2.112 7.584c.505 2.78.99 5.682 1.956 8.58C16.573 40.768 17.2 41 17.5 41c.297 0 .914-.229 1.302-1.365l1.985-7.938c.417-1.665 1.885-2.447 3.213-2.447s2.797.782 3.213 2.447l1.986 7.947C29.588 40.773 30.204 41 30.5 41c.3 0 .926-.232 1.314-1.394c.965-2.898 1.45-5.8 1.956-8.58c.494-2.72 1.019-5.398 2.112-7.584c1.41-2.821 2.11-6.112 1.994-8.89c-.119-2.858-1.061-4.746-2.435-5.434"/></svg>

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

React

import { Icon } from "@iconify/react";

<Icon icon="energy-icons:tooth-48-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="energy-icons:tooth-48-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="energy-icons:tooth-48-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--tooth-48-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:tooth-48-bold"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="energy-icons:tooth-48-bold"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Energy Icons →