Icône Coronavirus

material-symbols-light:coronavirus

L'icône Coronavirus (material-symbols-light:coronavirus) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Material Symbols Light
Auteur: Google
Licence: Apache-2.0
Taille: 24 × 24
Catégorie: Social
Mots-clés: 19, bacteria, covid, disease, germs, illness, sick, social, coronavirus rounded

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.25 20.77q-.184 0-.313-.13q-.13-.129-.13-.313q0-.185.13-.314q.129-.129.313-.129h.308v-1.896q-1.127-.125-1.985-.5q-.857-.375-1.53-.98l-1.345 1.35l.23.23q.149.148.14.323q-.01.175-.14.304q-.147.148-.322.139q-.175-.01-.323-.158l-1.018-1.012q-.148-.148-.148-.316t.149-.316t.313-.126t.313.145l.193.192l1.35-1.35q-.683-.813-1-1.598q-.318-.784-.423-1.873H4.116v.308q0 .185-.13.314q-.128.128-.313.128q-.184 0-.313-.129q-.13-.129-.13-.313v-1.5q0-.184.13-.313q.129-.13.313-.13q.185 0 .314.13q.128.129.128.313v.308h1.896q.106-1.089.446-1.883t.997-1.588l-1.35-1.35l-.212.211q-.148.143-.313.145q-.166.003-.314-.145t-.148-.316t.148-.316l1.05-1.05q.148-.149.326-.149t.326.149t.13.316t-.168.316l-.212.212l1.344 1.344q.852-.683 1.598-1t1.874-.442V4.116h-.289q-.184 0-.31-.13q-.126-.128-.126-.313q0-.184.129-.313q.129-.13.313-.13h1.5q.185 0 .314.13q.128.129.128.313q0 .185-.128.314q-.13.129-.314.129h-.308v1.896q1.127.125 1.874.442q.746.317 1.598 1l1.35-1.35l-.231-.231q-.13-.129-.13-.304t.13-.303q.148-.149.316-.149t.317.149l1.069 1.075q.148.148.148.313t-.148.313t-.307.139q-.159-.01-.307-.158l-.23-.23l-1.345 1.344q.683.813 1.01 1.62t.433 1.876h1.896v-.308q0-.184.128-.313q.13-.13.314-.13t.313.13q.13.129.13.313v1.5q0 .185-.13.314q-.129.128-.313.128q-.185 0-.314-.129t-.129-.313v-.308h-1.896q-.105 1.089-.432 1.876t-1.01 1.601l1.344 1.344l.231-.23q.148-.149.316-.139q.169.01.317.139q.148.128.148.316t-.148.336l-1.05 1.05q-.148.148-.326.148t-.326-.148q-.129-.13-.126-.304q.003-.175.145-.323l.192-.212l-1.35-1.35q-.698.606-1.511.964q-.814.36-1.96.484v1.89h.308q.185 0 .314.13q.128.128.128.313t-.129.314t-.313.128zm-.268-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>

Comment utiliser l'icône Coronavirus

React

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

<Icon icon="material-symbols-light:coronavirus" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:coronavirus" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:coronavirus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--coronavirus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:coronavirus"></div>

Web component

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

<iconify-icon icon="material-symbols-light:coronavirus"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/coronavirus.svg" alt="Icône Coronavirus" width="24" height="24">

Icônes similaires dans Material Symbols Light

L'icône Coronavirus dans d'autres collections

FAQ : Icône Coronavirus

L'icône Coronavirus est-elle gratuite pour un usage commercial ?

Oui. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Coronavirus dans React ?

Installez @iconify/react et affichez <Icon icon="material-symbols-light:coronavirus" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Coronavirus à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/coronavirus.svg" alt="Icône Coronavirus">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Material Symbols Light →