Lab Coat アイコン
twemoji:lab-coat
Lab Coat アイコン(twemoji:lab-coat)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 物
- タグ
- labcoat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#9aaab4" d="M23 34s-2-1-5-1s-5 1-5 1l.999-32h8.002z"/><path fill="#e1e8ed" d="M17.978 0h1c2 0 4.001 2 4.001 2s3.227 1.274 6.227 2.274S36.028 22.479 36 23.668c-.022.96-4.746 1.866-4.975 1.263c-.517-1.361-1.718-5.296-2.83-10.804c0 11 2.416 19.707 2.416 19.707S24.978 36 21.978 36c-1-4-.999-17-.999-20S17.978 0 17.978 0"/><path fill="#e1e8ed" d="M18 0h-1c-2 0-4.001 2-4.001 2S9.772 3.274 6.772 4.274S-.049 22.479-.022 23.668c.022.96 4.746 1.866 4.974 1.263c.517-1.361 1.717-4.993 2.83-10.804c0 11-2.416 19.707-2.416 19.707S11 36 14 36c1-4 .999-17 .999-20S18 0 18 0"/><path fill="#f5f8fa" d="M24.002 4S21 0 19 0h-2c-2 0-5.002 4-5.002 4l2.001 1l-2.001 1l3.001 10.004h6.002L24.002 6l-2.001-1zM12.18 28.167c-.537.062-2.668-.25-3.084-.458c-.565-.283-.648-.615-.583-1.208c.065-.594.311-1.344.425-3.5c.909.417 2.951.542 4.535.583c0 1.812-.332 3.417-.332 3.417c-.069.549-.424 1.103-.961 1.166m11.64 0c.537.062 2.667-.25 3.084-.458c.565-.283.648-.615.583-1.208c-.065-.594-.311-1.344-.425-3.5c-.909.417-2.951.542-4.535.583c0 1.812.332 3.417.332 3.417c.069.549.424 1.103.961 1.166"/><ellipse cx="23.563" cy="13.813" fill="#bb1a34" rx=".354" ry="2.021"/><ellipse cx="24.563" cy="13.813" fill="#4289c1" rx=".354" ry="2.021"/><path fill="#f5f8fa" d="M25.918 16.917c-.39.153-2.209.167-2.709-.042c-.5-.208-.688-.438-.729-1.021S22.542 13 22.542 13h3.959s.125 1.625.125 3c.001.585-.254.739-.708.917"/><path fill="#ccd6dd" d="M21.001 3.5h-6.002v-1a2 2 0 0 1 2-2h2.002a2 2 0 0 1 2 2z"/><path fill="#9aaab4" d="M21.001 31.712h-6.002V3.501a2 2 0 0 1 2-2h2.002a2 2 0 0 1 2 2z"/></svg>Lab Coat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:lab-coat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:lab-coat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:lab-coat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--lab-coat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:lab-coat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:lab-coat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/lab-coat.svg" alt="Lab Coat アイコン" width="24" height="24">Twitter Emoji の関連アイコン
他のアイコンセットの Lab Coat アイコン
Lab Coat アイコン のよくある質問
Lab Coat アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Lab Coat アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:lab-coat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lab Coat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/lab-coat.svg" alt="Lab Coat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。