coronavirus icon
coronavirus from IconPark by ByteDance · Color · Energy · Apache-2.0 Free for personal and commercial use.
- Name
- coronavirus
- Set
- IconPark
- Style
- Color
- Category
- Energy
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More energy icons from IconPark
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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M7.63477 35.5C8.33788 36.4987 9.13011 37.4302 9.99989 38.2829C10.918 39.1829 11.9225 39.9951 12.9999 40.706"/><path d="M27.8683 43.6262C26.6167 43.8714 25.3233 44 23.9998 44C22.6764 44 21.3829 43.8714 20.1313 43.6262"/><path d="M43.5491 28.2428C43.8445 26.8754 44 25.4558 44 24C44 22.5745 43.8509 21.1838 43.5674 19.8427"/><path d="M40.3651 12.5001C39.662 11.5014 38.8698 10.5699 38 9.71728C37.0819 8.81723 36.0773 8.005 35 7.29419"/><path d="M20.1553 4.36923C21.3995 4.12694 22.685 4 24.0001 4C25.3153 4 26.6008 4.12694 27.845 4.36923"/><path d="M7.63477 12.5001C8.33788 11.5014 9.13011 10.5699 9.99989 9.71728C10.918 8.81723 11.9225 8.005 12.9999 7.29419"/><path d="M40.5001 35.2939C39.797 36.2927 39.0048 37.2242 38.135 38.0768C37.2169 38.9769 36.2123 39.7891 35.135 40.4999"/><path d="M16 24H4"/><path d="M10 38L18.3431 29.6569"/><path d="M24 32V44"/><path d="M37.9999 38L29.6567 29.6569"/><path d="M32 24H44"/><path d="M37.9999 10L29.6567 18.3431"/><path d="M24 16V4"/><path d="M10 10L18.3431 18.3431"/><path d="M4.43266 19.8427C4.14914 21.1838 4 22.5745 4 24C4 25.4255 4.14914 26.8162 4.43266 28.1573"/><path fill="#2F88FF" d="M24 32C28.4183 32 32 28.4183 32 24C32 19.5817 28.4183 16 24 16C19.5817 16 16 19.5817 16 24C16 28.4183 19.5817 32 24 32Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkCoronavirus(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="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M7.63477 35.5C8.33788 36.4987 9.13011 37.4302 9.99989 38.2829C10.918 39.1829 11.9225 39.9951 12.9999 40.706"/><path d="M27.8683 43.6262C26.6167 43.8714 25.3233 44 23.9998 44C22.6764 44 21.3829 43.8714 20.1313 43.6262"/><path d="M43.5491 28.2428C43.8445 26.8754 44 25.4558 44 24C44 22.5745 43.8509 21.1838 43.5674 19.8427"/><path d="M40.3651 12.5001C39.662 11.5014 38.8698 10.5699 38 9.71728C37.0819 8.81723 36.0773 8.005 35 7.29419"/><path d="M20.1553 4.36923C21.3995 4.12694 22.685 4 24.0001 4C25.3153 4 26.6008 4.12694 27.845 4.36923"/><path d="M7.63477 12.5001C8.33788 11.5014 9.13011 10.5699 9.99989 9.71728C10.918 8.81723 11.9225 8.005 12.9999 7.29419"/><path d="M40.5001 35.2939C39.797 36.2927 39.0048 37.2242 38.135 38.0768C37.2169 38.9769 36.2123 39.7891 35.135 40.4999"/><path d="M16 24H4"/><path d="M10 38L18.3431 29.6569"/><path d="M24 32V44"/><path d="M37.9999 38L29.6567 29.6569"/><path d="M32 24H44"/><path d="M37.9999 10L29.6567 18.3431"/><path d="M24 16V4"/><path d="M10 10L18.3431 18.3431"/><path d="M4.43266 19.8427C4.14914 21.1838 4 22.5745 4 24C4 25.4255 4.14914 26.8162 4.43266 28.1573"/><path fill="#2F88FF" d="M24 32C28.4183 32 32 28.4183 32 24C32 19.5817 28.4183 16 24 16C19.5817 16 16 19.5817 16 24C16 28.4183 19.5817 32 24 32Z"/></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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M7.63477 35.5C8.33788 36.4987 9.13011 37.4302 9.99989 38.2829C10.918 39.1829 11.9225 39.9951 12.9999 40.706"/><path d="M27.8683 43.6262C26.6167 43.8714 25.3233 44 23.9998 44C22.6764 44 21.3829 43.8714 20.1313 43.6262"/><path d="M43.5491 28.2428C43.8445 26.8754 44 25.4558 44 24C44 22.5745 43.8509 21.1838 43.5674 19.8427"/><path d="M40.3651 12.5001C39.662 11.5014 38.8698 10.5699 38 9.71728C37.0819 8.81723 36.0773 8.005 35 7.29419"/><path d="M20.1553 4.36923C21.3995 4.12694 22.685 4 24.0001 4C25.3153 4 26.6008 4.12694 27.845 4.36923"/><path d="M7.63477 12.5001C8.33788 11.5014 9.13011 10.5699 9.99989 9.71728C10.918 8.81723 11.9225 8.005 12.9999 7.29419"/><path d="M40.5001 35.2939C39.797 36.2927 39.0048 37.2242 38.135 38.0768C37.2169 38.9769 36.2123 39.7891 35.135 40.4999"/><path d="M16 24H4"/><path d="M10 38L18.3431 29.6569"/><path d="M24 32V44"/><path d="M37.9999 38L29.6567 29.6569"/><path d="M32 24H44"/><path d="M37.9999 10L29.6567 18.3431"/><path d="M24 16V4"/><path d="M10 10L18.3431 18.3431"/><path d="M4.43266 19.8427C4.14914 21.1838 4 22.5745 4 24C4 25.4255 4.14914 26.8162 4.43266 28.1573"/><path fill="#2F88FF" d="M24 32C28.4183 32 32 28.4183 32 24C32 19.5817 28.4183 16 24 16C19.5817 16 16 19.5817 16 24C16 28.4183 19.5817 32 24 32Z"/></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%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M7.63477%2035.5C8.33788%2036.4987%209.13011%2037.4302%209.99989%2038.2829C10.918%2039.1829%2011.9225%2039.9951%2012.9999%2040.706%22%2F%3E%3Cpath%20d%3D%22M27.8683%2043.6262C26.6167%2043.8714%2025.3233%2044%2023.9998%2044C22.6764%2044%2021.3829%2043.8714%2020.1313%2043.6262%22%2F%3E%3Cpath%20d%3D%22M43.5491%2028.2428C43.8445%2026.8754%2044%2025.4558%2044%2024C44%2022.5745%2043.8509%2021.1838%2043.5674%2019.8427%22%2F%3E%3Cpath%20d%3D%22M40.3651%2012.5001C39.662%2011.5014%2038.8698%2010.5699%2038%209.71728C37.0819%208.81723%2036.0773%208.005%2035%207.29419%22%2F%3E%3Cpath%20d%3D%22M20.1553%204.36923C21.3995%204.12694%2022.685%204%2024.0001%204C25.3153%204%2026.6008%204.12694%2027.845%204.36923%22%2F%3E%3Cpath%20d%3D%22M7.63477%2012.5001C8.33788%2011.5014%209.13011%2010.5699%209.99989%209.71728C10.918%208.81723%2011.9225%208.005%2012.9999%207.29419%22%2F%3E%3Cpath%20d%3D%22M40.5001%2035.2939C39.797%2036.2927%2039.0048%2037.2242%2038.135%2038.0768C37.2169%2038.9769%2036.2123%2039.7891%2035.135%2040.4999%22%2F%3E%3Cpath%20d%3D%22M16%2024H4%22%2F%3E%3Cpath%20d%3D%22M10%2038L18.3431%2029.6569%22%2F%3E%3Cpath%20d%3D%22M24%2032V44%22%2F%3E%3Cpath%20d%3D%22M37.9999%2038L29.6567%2029.6569%22%2F%3E%3Cpath%20d%3D%22M32%2024H44%22%2F%3E%3Cpath%20d%3D%22M37.9999%2010L29.6567%2018.3431%22%2F%3E%3Cpath%20d%3D%22M24%2016V4%22%2F%3E%3Cpath%20d%3D%22M10%2010L18.3431%2018.3431%22%2F%3E%3Cpath%20d%3D%22M4.43266%2019.8427C4.14914%2021.1838%204%2022.5745%204%2024C4%2025.4255%204.14914%2026.8162%204.43266%2028.1573%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M24%2032C28.4183%2032%2032%2028.4183%2032%2024C32%2019.5817%2028.4183%2016%2024%2016C19.5817%2016%2016%2019.5817%2016%2024C16%2028.4183%2019.5817%2032%2024%2032Z%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%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M7.63477%2035.5C8.33788%2036.4987%209.13011%2037.4302%209.99989%2038.2829C10.918%2039.1829%2011.9225%2039.9951%2012.9999%2040.706%22%2F%3E%3Cpath%20d%3D%22M27.8683%2043.6262C26.6167%2043.8714%2025.3233%2044%2023.9998%2044C22.6764%2044%2021.3829%2043.8714%2020.1313%2043.6262%22%2F%3E%3Cpath%20d%3D%22M43.5491%2028.2428C43.8445%2026.8754%2044%2025.4558%2044%2024C44%2022.5745%2043.8509%2021.1838%2043.5674%2019.8427%22%2F%3E%3Cpath%20d%3D%22M40.3651%2012.5001C39.662%2011.5014%2038.8698%2010.5699%2038%209.71728C37.0819%208.81723%2036.0773%208.005%2035%207.29419%22%2F%3E%3Cpath%20d%3D%22M20.1553%204.36923C21.3995%204.12694%2022.685%204%2024.0001%204C25.3153%204%2026.6008%204.12694%2027.845%204.36923%22%2F%3E%3Cpath%20d%3D%22M7.63477%2012.5001C8.33788%2011.5014%209.13011%2010.5699%209.99989%209.71728C10.918%208.81723%2011.9225%208.005%2012.9999%207.29419%22%2F%3E%3Cpath%20d%3D%22M40.5001%2035.2939C39.797%2036.2927%2039.0048%2037.2242%2038.135%2038.0768C37.2169%2038.9769%2036.2123%2039.7891%2035.135%2040.4999%22%2F%3E%3Cpath%20d%3D%22M16%2024H4%22%2F%3E%3Cpath%20d%3D%22M10%2038L18.3431%2029.6569%22%2F%3E%3Cpath%20d%3D%22M24%2032V44%22%2F%3E%3Cpath%20d%3D%22M37.9999%2038L29.6567%2029.6569%22%2F%3E%3Cpath%20d%3D%22M32%2024H44%22%2F%3E%3Cpath%20d%3D%22M37.9999%2010L29.6567%2018.3431%22%2F%3E%3Cpath%20d%3D%22M24%2016V4%22%2F%3E%3Cpath%20d%3D%22M10%2010L18.3431%2018.3431%22%2F%3E%3Cpath%20d%3D%22M4.43266%2019.8427C4.14914%2021.1838%204%2022.5745%204%2024C4%2025.4255%204.14914%2026.8162%204.43266%2028.1573%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M24%2032C28.4183%2032%2032%2028.4183%2032%2024C32%2019.5817%2028.4183%2016%2024%2016C19.5817%2016%2016%2019.5817%2016%2024C16%2028.4183%2019.5817%2032%2024%2032Z%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/coronavirus.svg?color=%231a73e8&size=48
