ICONYZ
日本語
Health Icons の Virus Alt Outline アイコン

Virus Alt Outline アイコン

healthicons:virus-alt-outline

Virus Alt Outline アイコン(healthicons:virus-alt-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
カテゴリ
記号
タグ
virusalt、altoutline、virusaltoutline、virus alt2x outline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M20.4 5.9a1 1 0 1 0 0 2H23v2.536a13.54 13.54 0 0 0-7.884 3.266l-1.852-1.852l1.543-1.543a1 1 0 0 0-1.414-1.414l-4.5 4.5a1 1 0 1 0 1.414 1.414l1.543-1.543l1.852 1.852A13.54 13.54 0 0 0 10.436 23H7.9v-2.6a1 1 0 1 0-2 0v7.2a1 1 0 1 0 2 0V25h2.536a13.54 13.54 0 0 0 3.266 7.884l-1.852 1.852l-1.543-1.543a1 1 0 0 0-1.414 1.414l4.5 4.5a1 1 0 1 0 1.414-1.414l-1.543-1.543l1.852-1.852A13.54 13.54 0 0 0 23 37.564V40.1h-2.6a1 1 0 1 0 0 2h7.2a1 1 0 1 0 0-2H25v-2.536a13.54 13.54 0 0 0 7.884-3.266l1.852 1.852l-1.543 1.543a1 1 0 0 0 1.414 1.414l4.5-4.5a1 1 0 0 0-1.414-1.414l-1.543 1.543l-1.852-1.852A13.54 13.54 0 0 0 37.564 25H40.1v2.6a1 1 0 1 0 2 0v-7.2a1 1 0 1 0-2 0V23h-2.536a13.54 13.54 0 0 0-3.266-7.884l1.852-1.852l1.543 1.543a1 1 0 1 0 1.414-1.414l-4.5-4.5a1 1 0 1 0-1.414 1.414l1.543 1.543l-1.852 1.852A13.54 13.54 0 0 0 25 10.436V7.9h2.6a1 1 0 1 0 0-2zm3.6 6.5c6.406 0 11.6 5.193 11.6 11.6S30.406 35.6 24 35.6c-6.407 0-11.6-5.193-11.6-11.6S17.593 12.4 24 12.4m6.4 11.15a.35.35 0 1 1 .7 0a.35.35 0 0 1-.7 0m.35-2.35a2.35 2.35 0 1 0 0 4.7a2.35 2.35 0 0 0 0-4.7m-6.3 9.2a.35.35 0 1 0 0 .7a.35.35 0 0 0 0-.7m-2.35.35a2.35 2.35 0 1 1 4.7 0a2.35 2.35 0 0 1-4.7 0M18.7 20.4a1.7 1.7 0 1 1 3.4 0a1.7 1.7 0 0 1-3.4 0m1.7-3.7a3.7 3.7 0 1 0 0 7.4a3.7 3.7 0 0 0 0-7.4" clip-rule="evenodd"/></svg>

Virus Alt Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →