coronavirus icon
coronavirus from IconPark Solid by ByteDance · Solid · Energy · Apache-2.0 Free for personal and commercial use.
- Name
- coronavirus
- Set
- IconPark Solid
- Style
- Solid
- Category
- Energy
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More energy icons from IconPark Solid
Use the coronavirus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M7.635 35.5A20.1 20.1 0 0 0 13 40.706m14.868 2.92A20 20 0 0 1 24 44c-1.324 0-2.617-.129-3.869-.374M43.55 28.243a20.2 20.2 0 0 0 .017-8.4M40.365 12.5A20.1 20.1 0 0 0 35 7.294M20.155 4.37A20 20 0 0 1 24 4c1.315 0 2.6.127 3.845.37M7.635 12.5A20.1 20.1 0 0 1 13 7.294m27.5 28a20.1 20.1 0 0 1-5.365 5.206M16 24H4m6 14l8.343-8.343M24 32v12m14-6l-8.343-8.343M32 24h12m-6-14l-8.343 8.343M24 16V4m-14 6l8.343 8.343m-13.91 1.5A20 20 0 0 0 4 24c0 1.425.15 2.816.433 4.157"/><path fill="currentColor" d="M24 32a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkSolidCoronavirus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M7.635 35.5A20.1 20.1 0 0 0 13 40.706m14.868 2.92A20 20 0 0 1 24 44c-1.324 0-2.617-.129-3.869-.374M43.55 28.243a20.2 20.2 0 0 0 .017-8.4M40.365 12.5A20.1 20.1 0 0 0 35 7.294M20.155 4.37A20 20 0 0 1 24 4c1.315 0 2.6.127 3.845.37M7.635 12.5A20.1 20.1 0 0 1 13 7.294m27.5 28a20.1 20.1 0 0 1-5.365 5.206M16 24H4m6 14l8.343-8.343M24 32v12m14-6l-8.343-8.343M32 24h12m-6-14l-8.343 8.343M24 16V4m-14 6l8.343 8.343m-13.91 1.5A20 20 0 0 0 4 24c0 1.425.15 2.816.433 4.157"/><path fill="currentColor" d="M24 32a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M7.635 35.5A20.1 20.1 0 0 0 13 40.706m14.868 2.92A20 20 0 0 1 24 44c-1.324 0-2.617-.129-3.869-.374M43.55 28.243a20.2 20.2 0 0 0 .017-8.4M40.365 12.5A20.1 20.1 0 0 0 35 7.294M20.155 4.37A20 20 0 0 1 24 4c1.315 0 2.6.127 3.845.37M7.635 12.5A20.1 20.1 0 0 1 13 7.294m27.5 28a20.1 20.1 0 0 1-5.365 5.206M16 24H4m6 14l8.343-8.343M24 32v12m14-6l-8.343-8.343M32 24h12m-6-14l-8.343 8.343M24 16V4m-14 6l8.343 8.343m-13.91 1.5A20 20 0 0 0 4 24c0 1.425.15 2.816.433 4.157"/><path fill="currentColor" d="M24 32a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/></g></svg> </template>
CSS
.icon-coronavirus {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M7.635%2035.5A20.1%2020.1%200%200%200%2013%2040.706m14.868%202.92A20%2020%200%200%201%2024%2044c-1.324%200-2.617-.129-3.869-.374M43.55%2028.243a20.2%2020.2%200%200%200%20.017-8.4M40.365%2012.5A20.1%2020.1%200%200%200%2035%207.294M20.155%204.37A20%2020%200%200%201%2024%204c1.315%200%202.6.127%203.845.37M7.635%2012.5A20.1%2020.1%200%200%201%2013%207.294m27.5%2028a20.1%2020.1%200%200%201-5.365%205.206M16%2024H4m6%2014l8.343-8.343M24%2032v12m14-6l-8.343-8.343M32%2024h12m-6-14l-8.343%208.343M24%2016V4m-14%206l8.343%208.343m-13.91%201.5A20%2020%200%200%200%204%2024c0%201.425.15%202.816.433%204.157%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2032a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M7.635%2035.5A20.1%2020.1%200%200%200%2013%2040.706m14.868%202.92A20%2020%200%200%201%2024%2044c-1.324%200-2.617-.129-3.869-.374M43.55%2028.243a20.2%2020.2%200%200%200%20.017-8.4M40.365%2012.5A20.1%2020.1%200%200%200%2035%207.294M20.155%204.37A20%2020%200%200%201%2024%204c1.315%200%202.6.127%203.845.37M7.635%2012.5A20.1%2020.1%200%200%201%2013%207.294m27.5%2028a20.1%2020.1%200%200%201-5.365%205.206M16%2024H4m6%2014l8.343-8.343M24%2032v12m14-6l-8.343-8.343M32%2024h12m-6-14l-8.343%208.343M24%2016V4m-14%206l8.343%208.343m-13.91%201.5A20%2020%200%200%200%204%2024c0%201.425.15%202.816.433%204.157%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2032a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-solid/coronavirus.svg?color=%231a73e8&size=48
