Coronavirus Sharp アイコン
material-symbols-light:coronavirus-sharp
Coronavirus Sharp アイコン(material-symbols-light:coronavirus-sharp)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- 19、bacteria、coronavirus、covid、disease、germs、illness、sick、social、coronavirussharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.808 20.77v-.886h.75v-1.896q-1.127-.125-1.985-.5q-.857-.375-1.53-.98l-1.345 1.35l.544.544l-.626.627l-1.664-1.663l.602-.602l.53.5l1.35-1.35q-.682-.814-1-1.598t-.423-1.874H4.116v.75h-.884v-2.384h.885v.75h1.896q.105-1.089.445-1.883t.997-1.589l-1.35-1.35l-.531.52l-.621-.627l1.702-1.702l.613.633l-.55.55l1.345 1.344q.852-.683 1.598-1q.746-.318 1.873-.443V4.116h-.725v-.884h2.384v.885h-.75v1.896q1.127.125 1.874.442q.746.317 1.598 1l1.35-1.35l-.525-.545l.613-.613l1.696 1.708l-.607.608l-.55-.545l-1.345 1.345q.683.813 1.01 1.62t.433 1.876h1.896v-.75h.884v2.384h-.884v-.75H17.99q-.106 1.089-.433 1.876t-1.01 1.601l1.345 1.345l.53-.531l.671.613l-1.701 1.702l-.627-.621l.5-.53l-1.35-1.35q-.698.605-1.512.964q-.813.358-1.96.483v1.89h.75v.885zm.174-5.423q.23-.23.23-.54q0-.309-.23-.539t-.54-.23t-.539.23t-.23.54t.23.539t.54.23t.539-.23m2.576.23q.31 0 .539-.23t.23-.54t-.23-.539t-.54-.23t-.539.23t-.23.54q0 .31.23.539t.54.23m-4.866-2.808q.31 0 .54-.23t.23-.539t-.23-.54t-.54-.23t-.539.23t-.23.54t.23.54t.54.23m3.846-.23q.23-.23.23-.54t-.23-.54t-.539-.23t-.54.23t-.23.54t.23.54t.54.23t.54-.23m2.768.23q.31 0 .539-.23t.23-.54t-.23-.54t-.54-.23t-.539.23t-.23.54t.23.54t.54.23m-4.326-3.038q.23-.23.23-.54t-.23-.539t-.54-.23t-.539.23t-.23.54t.23.539t.54.23t.539-.23m2.576.23q.31 0 .539-.23t.23-.54t-.23-.539t-.54-.23t-.539.23q-.23.23-.23.54q0 .309.23.539t.54.23"/></svg>Coronavirus Sharp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:coronavirus-sharp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:coronavirus-sharp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:coronavirus-sharp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--coronavirus-sharp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:coronavirus-sharp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:coronavirus-sharp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/coronavirus-sharp.svg" alt="Coronavirus Sharp アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Coronavirus Sharp アイコン
Coronavirus Sharp アイコン のよくある質問
Coronavirus Sharp アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Coronavirus Sharp アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:coronavirus-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coronavirus Sharp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/coronavirus-sharp.svg" alt="Coronavirus Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。