ICONYZ
日本語
Fluent UI System Icons の Dentist 16 Filled アイコン

Dentist 16 Filled アイコン

fluent:dentist-16-filled

Dentist 16 Filled アイコン(fluent:dentist-16-filled)は、Fluent UI System Icons セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 16 × 16 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Fluent UI System Icons
作者
Microsoft Corporation
ライセンス
MIT
サイズ
16 × 16
タグ
dentistfilled
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M4.503 2.141a3.1 3.1 0 0 1 2.604.656l.023.017l.02.02c.495.501.721.6.843.605c.1.004.285-.053.723-.49l.014-.015l.016-.014c.46-.389 1.106-.753 1.913-.796c.815-.042 1.721.247 2.687 1.03c1.015.823 1.318 1.778 1.275 2.645c-.04.833-.397 1.543-.613 1.93l-.001.002q-.175.309-.31.534q-.06.097-.107.18c-.11.19-.188.333-.25.483c-.12.292-.202.654-.273 1.464c-.15 1.71-.72 3.021-1.714 3.656c-.273.174-.588.271-.915.2c-.325-.069-.561-.281-.726-.52c-.315-.455-.474-1.157-.534-1.92c-.07-.768-.146-1.598-.404-2.182c-.124-.282-.269-.453-.425-.542c-.144-.082-.365-.132-.736-.037c-.125.039-.45.212-.676 1.315v.003c-.085.402-.126.83-.162 1.262l-.011.141c-.03.374-.062.759-.124 1.09c-.067.358-.189.772-.489 1.053c-.343.321-.796.363-1.269.237l-.021-.006l-.021-.007c-.816-.297-1.311-1.031-1.599-1.737a5.9 5.9 0 0 1-.417-2.073v-.048c0-.59 0-.984-.143-1.376c-.125-.343-.374-.697-.82-1.302l-.006-.007c-.422-.596-.498-1.375-.477-1.91c.046-1.089.58-1.834 1.104-2.408l.002-.003a3.8 3.8 0 0 1 2.019-1.13m6.08 2.098a.5.5 0 1 0 0 1c.242 0 .442.072.587.2c.142.127.275.347.313.728a.5.5 0 0 0 .995-.1c-.058-.583-.282-1.052-.643-1.374a1.86 1.86 0 0 0-1.252-.454"/></svg>

Dentist 16 Filled アイコンの使い方

React

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

<Icon icon="fluent:dentist-16-filled" width="24" />

Vue

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

<template>
  <Icon icon="fluent:dentist-16-filled" width="24" />
</template>

Svelte

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

<Icon icon="fluent:dentist-16-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--dentist-16-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:dentist-16-filled"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:dentist-16-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/dentist-16-filled.svg" alt="Dentist 16 Filled アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Dentist 16 Filled アイコン のよくある質問

Dentist 16 Filled アイコンは商用利用でも無料ですか?

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

React で Dentist 16 Filled アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent:dentist-16-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Dentist 16 Filled アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/dentist-16-filled.svg" alt="Dentist 16 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent UI System Icons をすべて見る →