ICONYZ
English
Virus Thin icon from Phosphor

Virus Thin icon

ph:virus-thin

The Virus Thin icon (ph:virus-thin) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Phosphor
Author
Phosphor Icons
License
MIT
Size
256 × 256
Tags
germs, disease, illness, virusthin
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M132 108a24 24 0 1 0-24 24a24 24 0 0 0 24-24m-24 16a16 16 0 1 1 16-16a16 16 0 0 1-16 16m80 4a12 12 0 1 1-12-12a12 12 0 0 1 12 12m-48 48a12 12 0 1 1-12-12a12 12 0 0 1 12 12m100-52h-20.09a91.64 91.64 0 0 0-24.12-58.13l15-15a4 4 0 1 0-5.66-5.66l-15 15A91.64 91.64 0 0 0 132 36.09V16a4 4 0 0 0-8 0v20.09a91.64 91.64 0 0 0-58.13 24.12l-15-15a4 4 0 0 0-5.66 5.66l15 15A91.64 91.64 0 0 0 36.09 124H16a4 4 0 0 0 0 8h20.09a91.64 91.64 0 0 0 24.12 58.13l-15 15a4 4 0 0 0 5.66 5.66l15-15A91.64 91.64 0 0 0 124 219.91V240a4 4 0 0 0 8 0v-20.09a91.64 91.64 0 0 0 58.13-24.12l15 15a4 4 0 0 0 5.66-5.66l-15-15A91.64 91.64 0 0 0 219.91 132H240a4 4 0 0 0 0-8m-112 88a84 84 0 1 1 84-84a84.09 84.09 0 0 1-84 84"/></svg>

How to use the Virus Thin icon

React

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

<Icon icon="ph:virus-thin" width="24" />

Vue

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

<template>
  <Icon icon="ph:virus-thin" width="24" />
</template>

Svelte

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

<Icon icon="ph:virus-thin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--virus-thin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:virus-thin"></div>

Web component

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

<iconify-icon icon="ph:virus-thin"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ph/virus-thin.svg" alt="Virus Thin icon" width="24" height="24">

Related icons in Phosphor

Virus Thin icon FAQ

Is the Virus Thin icon free for commercial use?

Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Virus Thin icon in React?

Install @iconify/react and render <Icon icon="ph:virus-thin" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Virus Thin icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/virus-thin.svg" alt="Virus Thin icon">, or paste the SVG code inline to style it with CSS.

Browse all Phosphor icons →