Tooth Bridge アイコン

Q: Tooth Bridge アイコンは商用利用でも無料ですか?

はい。Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

griddy-icons:tooth-bridge

Tooth Bridge アイコン(griddy-icons:tooth-bridge)は、Griddy Icons セットの無料 SVG アイコンです（作者: 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>

Web コンポーネント

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

Griddy Icons の関連アイコン

Tooth Bridge アイコンのよくある質問

Tooth Bridge アイコンは商用利用でも無料ですか?

はい。Griddy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Tooth Bridge アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Griddy Icons をすべて見る →