Virus Shield Outline アイコン

Q: Virus Shield Outline アイコンは商用利用でも無料ですか?

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

healthicons:virus-shield-outline

Virus Shield Outline アイコン(healthicons:virus-shield-outline)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Health Icons
作者: Resolve to Save Lives
ライセンス: MIT
サイズ: 48 × 48
カテゴリ: 記号
タグ: virusshield、shieldoutline、virusshieldoutline、virus shield2x outline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.3 15a1 1 0 0 0-.3 1.954v.942a5.2 5.2 0 0 0-1.902.788l-.584-.584a1 1 0 0 0-1.421-1.407l-1.4 1.4a1 1 0 0 0 1.407 1.421l.584.584A5.2 5.2 0 0 0 18.896 22h-.942a1 1 0 0 0-1.954.3v1.4a1 1 0 0 0 1.954.3h.942a5.2 5.2 0 0 0 .788 1.902l-.584.584a1 1 0 0 0-1.407 1.421l1.4 1.4a1 1 0 0 0 1.421-1.407l.584-.584a5.2 5.2 0 0 0 1.902.788v.942A1 1 0 0 0 23.3 31h1.4a1 1 0 0 0 .3-1.954v-.942a5.2 5.2 0 0 0 2.303-1.087l.883.883a1 1 0 0 0 1.421 1.407l1.4-1.4a1 1 0 0 0-1.407-1.421l-1.02-1.02c.244-.453.423-.946.524-1.466h.942A1 1 0 0 0 32 23.7v-1.4a1 1 0 0 0-1.954-.3h-.942a5.2 5.2 0 0 0-.788-1.902l.584-.584a1 1 0 0 0 1.407-1.421l-1.4-1.4a1 1 0 0 0-1.421 1.407l-.584.584A5.2 5.2 0 0 0 25 17.896v-.942A1 1 0 0 0 24.7 15zm.7 11.2a3.2 3.2 0 1 1 0-6.4a3.2 3.2 0 0 1 0 6.4"/><path d="M38.059 8.819A34.9 34.9 0 0 0 24 6A34.9 34.9 0 0 0 9.941 8.82l-.015.007a3.27 3.27 0 0 0-1.407 1.203A3.2 3.2 0 0 0 8 11.799v11.502c0 2.958.659 6.478 2.762 9.805c2.11 3.338 5.63 6.41 11.228 8.527a5.7 5.7 0 0 0 4.02 0c5.597-2.114 9.116-5.199 11.226-8.543C39.34 29.757 40 26.235 40 23.301V11.8a3.2 3.2 0 0 0-.52-1.77a3.27 3.27 0 0 0-1.406-1.203zM12.453 32.037C10.594 29.097 10 25.97 10 23.301V11.796H9l1-.007c-.002-.236.066-.47.197-.671c.13-.2.317-.363.541-.465a32.9 32.9 0 0 1 13.253-2.652h.018a32.9 32.9 0 0 1 13.253 2.652c.224.102.411.264.54.464c.132.202.2.435.198.672V23.3c0 2.643-.595 5.774-2.455 8.722c-1.854 2.937-5.006 5.762-10.242 7.74a3.7 3.7 0 0 1-2.606 0c-5.24-1.982-8.392-4.796-10.244-7.726"/></g></svg>

Virus Shield Outline アイコンの使い方

React

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

<Icon icon="healthicons:virus-shield-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:virus-shield-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:virus-shield-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--virus-shield-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:virus-shield-outline"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:virus-shield-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/virus-shield-outline.svg" alt="Virus Shield Outline アイコン" width="24" height="24">

Health Icons の関連アイコン

Virus Shield Outline アイコンのよくある質問

Virus Shield Outline アイコンは商用利用でも無料ですか?

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

React で Virus Shield Outline アイコンを使うには?

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

Virus Shield Outline アイコンをウェブページに追加するには?

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

Health Icons をすべて見る →