Иконка Tooth Bridge

griddy-icons:tooth-bridge

Иконка Tooth Bridge (griddy-icons:tooth-bridge) — бесплатная SVG-иконка из набора Griddy Icons от Zuzana Benova. Она нарисована на сетке 24 × 24. Griddy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Griddy Icons
Автор: Zuzana Benova
Лицензия: MIT
Размер: 24 × 24
Теги: toothbridge

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 5.5h1.13c1.31 0 2.37 1.06 2.37 2.37c0 1.177-.322 1.9-.715 2.78l-.043.096c-.427.96-.887 2.059-.887 3.854v1.65c0 .69-.56 1.25-1.25 1.25H2V19h.605a2.75 2.75 0 0 0 2.75-2.75V14.6c0-1.485.363-2.357.758-3.244l.055-.124l.115-.258l.027.054l.02.04c.351.699.67 1.35.67 2.682v.5c0 .69.56 1.25 1.25 1.25h7.5c.69 0 1.25-.56 1.25-1.25v-.5c0-1.333.319-1.983.67-2.682l.02-.04l.028-.055l.114.257l.055.125c.395.886.758 1.757.758 3.245v1.65a2.75 2.75 0 0 0 2.75 2.75H22v-1.5h-.605c-.69 0-1.25-.56-1.25-1.25V14.6c0-1.797-.46-2.896-.887-3.856l-.043-.096c-.393-.88-.715-1.601-.715-2.778a2.37 2.37 0 0 1 2.37-2.37H22V4h-1.13a3.87 3.87 0 0 0-3.12 1.58A3.87 3.87 0 0 0 14.63 4c-.549 0-1.042.227-1.39.387l-.109.049c-.395.178-.725.304-1.131.304s-.734-.126-1.129-.304l-.107-.049C10.415 4.227 9.922 4 9.37 4c-1.281 0-2.416.62-3.12 1.578A3.86 3.86 0 0 0 3.13 4H2zm5 2.37c0 1.192.298 1.784.649 2.482l.021.043c.399.793.83 1.688.83 3.355V14h7v-.25c0-1.667.431-2.562.83-3.355l.021-.043c.351-.698.649-1.29.649-2.482a2.37 2.37 0 0 0-2.37-2.37c-.208 0-.404.088-.86.293l-.024.011c-.427.192-1.002.436-1.746.436s-1.319-.244-1.745-.436l-.021-.01C9.778 5.59 9.58 5.5 9.37 5.5C8.06 5.5 7 6.56 7 7.87" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="griddy-icons:tooth-bridge" width="24" />

Vue

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

<template>
  <Icon icon="griddy-icons:tooth-bridge" width="24" />
</template>

Svelte

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

<Icon icon="griddy-icons:tooth-bridge" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--tooth-bridge]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:tooth-bridge"></div>

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

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

<iconify-icon icon="griddy-icons:tooth-bridge"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Griddy Icons →