Coronavirus アイコン
arcticons:coronavirus
Coronavirus アイコン(arcticons:coronavirus)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="2" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="20.308" cy="17.563" r="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="31.545" cy="22.744" r="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="16.509" cy="27.21" r="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="30.137" cy="30.392" r="1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="26.058" cy="14.351" r=".75" fill="currentColor"/><circle cx="28.13" cy="19.432" r=".75" fill="currentColor"/><circle cx="14.187" cy="20.712" r=".75" fill="currentColor"/><circle cx="21.698" cy="31.346" r=".75" fill="currentColor"/><circle cx="24" cy="24" r="13" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m19.025 11.99l-2.143-5.174m1.312-2.059c.296.714-.291 1.636-1.312 2.059h0c-1.02.422-2.088.186-2.383-.528s.291-1.636 1.312-2.059s2.087-.186 2.383.528m-3.386 10.051l-1.415-1.415m21.214 21.214l-1.415-1.415M11 24H9m30 0h-2m-22.192 9.192l-1.415 1.415m21.214-21.214l-1.415 1.415m-2.074 26.376l-2.143-5.174m4.526 5.702c.296.715-.291 1.636-1.312 2.059h0c-1.02.423-2.087.186-2.383-.528s.291-1.636 1.312-2.059h0c1.02-.422 2.088-.186 2.383.528M11.99 19.025l-5.174-2.143m34.368 14.236l-5.174-2.143m-24.02 0l-5.174 2.143m34.368-14.236l-5.174 2.143M19.025 36.01l-2.143 5.174M31.118 6.816l-2.143 5.174M24 37v2m1.5-31c0 .552-.672 1-1.5 1s-1.5-.448-1.5-1s.672-1 1.5-1s1.5.448 1.5 1m0 32c0 .552-.672 1-1.5 1s-1.5-.448-1.5-1s.672-1 1.5-1s1.5.448 1.5 1M24 9v2m-10.253.626c.39.39.232 1.182-.354 1.767s-1.377.744-1.767.354s-.233-1.182.353-1.768s1.377-.744 1.768-.353m22.627 22.627c.39.39.233 1.182-.353 1.768s-1.377.744-1.768.353s-.232-1.182.354-1.767h0c.585-.586 1.377-.744 1.767-.354M8 22.5c.552 0 1 .672 1 1.5s-.448 1.5-1 1.5s-1-.672-1-1.5s.448-1.5 1-1.5m32 0c.552 0 1 .672 1 1.5s-.448 1.5-1 1.5s-1-.672-1-1.5s.448-1.5 1-1.5M11.626 34.253c.39-.39 1.182-.232 1.767.354s.744 1.377.354 1.767s-1.182.233-1.768-.353s-.744-1.377-.353-1.768m22.627-22.627c.39-.39 1.182-.233 1.768.353s.744 1.377.353 1.768s-1.182.232-1.767-.354h0c-.586-.585-.745-1.377-.354-1.767M6.288 14.499c.714.295.95 1.363.528 2.383S5.47 18.49 4.757 18.194h0c-.714-.296-.95-1.363-.528-2.383h0c.423-1.021 1.344-1.608 2.059-1.312m36.955 15.307c.714.296.95 1.363.528 2.383h0c-.423 1.02-1.344 1.608-2.059 1.312h0c-.714-.296-.95-1.363-.528-2.383h0c.423-1.02 1.345-1.608 2.059-1.312m-38.486 0c.714-.296 1.636.291 2.059 1.312h0c.422 1.02.186 2.088-.528 2.383s-1.636-.291-2.059-1.312s-.186-2.087.528-2.383m36.955-15.307c.715-.296 1.636.291 2.059 1.312h0c.423 1.02.186 2.087-.528 2.383h0c-.714.296-1.636-.291-2.059-1.312h0c-.422-1.02-.186-2.088.528-2.383M14.499 41.712c.295-.714 1.363-.95 2.383-.528s1.608 1.345 1.312 2.059h0c-.296.714-1.363.95-2.383.528h0c-1.021-.423-1.608-1.344-1.312-2.059M29.806 4.757c.296-.714 1.363-.95 2.383-.528h0c1.02.423 1.608 1.344 1.312 2.059h0c-.296.714-1.363.95-2.383.528h0c-1.02-.423-1.608-1.345-1.312-2.059"/></svg>Coronavirus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:coronavirus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:coronavirus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:coronavirus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--coronavirus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:coronavirus"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:coronavirus"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/coronavirus.svg" alt="Coronavirus アイコン" width="24" height="24">他のアイコンセットの Coronavirus アイコン
Coronavirus アイコン のよくある質問
Coronavirus アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Coronavirus アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:coronavirus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coronavirus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/coronavirus.svg" alt="Coronavirus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。