planet icon
planet from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- planet
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-planet
The same icon in other sets
Use the planet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.76 20.2a2.73 2.73 0 0 0 2.15.85a8.9 8.9 0 0 0 3.37-.86a9 9 0 0 0 12.27-10.9c1.31-2.23 1.75-4.26.67-5.48a2.94 2.94 0 0 0-2.57-1A5 5 0 0 0 16.1 4A9 9 0 0 0 3.58 15.14c-1.06 1.21-2.05 3.68-.82 5.06m1.5-1.32c-.22-.25 0-1.07.37-1.76a9.3 9.3 0 0 0 1.57 1.74c-1.03.3-1.71.28-1.94.02m14.51-5.17A7 7 0 0 1 15.58 18A7.1 7.1 0 0 1 12 19a6.4 6.4 0 0 1-1.24-.13a30.7 30.7 0 0 0 4.42-3.29a31.5 31.5 0 0 0 3.8-4a6.9 6.9 0 0 1-.21 2.13m.09-8.89a.94.94 0 0 1 .87.32c.23.26.16.94-.26 1.93a9.2 9.2 0 0 0-1.61-1.86a2.5 2.5 0 0 1 1-.39M5.22 10.31A6.94 6.94 0 0 1 8.41 6A7 7 0 0 1 12 5a6.9 6.9 0 0 1 6 3.41a5 5 0 0 1 .35.66a27.4 27.4 0 0 1-4.49 5A27.4 27.4 0 0 1 8.35 18a7 7 0 0 1-3.13-7.65z"/></svg>
React
import type { SVGProps } from "react";
export function BxPlanet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.76 20.2a2.73 2.73 0 0 0 2.15.85a8.9 8.9 0 0 0 3.37-.86a9 9 0 0 0 12.27-10.9c1.31-2.23 1.75-4.26.67-5.48a2.94 2.94 0 0 0-2.57-1A5 5 0 0 0 16.1 4A9 9 0 0 0 3.58 15.14c-1.06 1.21-2.05 3.68-.82 5.06m1.5-1.32c-.22-.25 0-1.07.37-1.76a9.3 9.3 0 0 0 1.57 1.74c-1.03.3-1.71.28-1.94.02m14.51-5.17A7 7 0 0 1 15.58 18A7.1 7.1 0 0 1 12 19a6.4 6.4 0 0 1-1.24-.13a30.7 30.7 0 0 0 4.42-3.29a31.5 31.5 0 0 0 3.8-4a6.9 6.9 0 0 1-.21 2.13m.09-8.89a.94.94 0 0 1 .87.32c.23.26.16.94-.26 1.93a9.2 9.2 0 0 0-1.61-1.86a2.5 2.5 0 0 1 1-.39M5.22 10.31A6.94 6.94 0 0 1 8.41 6A7 7 0 0 1 12 5a6.9 6.9 0 0 1 6 3.41a5 5 0 0 1 .35.66a27.4 27.4 0 0 1-4.49 5A27.4 27.4 0 0 1 8.35 18a7 7 0 0 1-3.13-7.65z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.76 20.2a2.73 2.73 0 0 0 2.15.85a8.9 8.9 0 0 0 3.37-.86a9 9 0 0 0 12.27-10.9c1.31-2.23 1.75-4.26.67-5.48a2.94 2.94 0 0 0-2.57-1A5 5 0 0 0 16.1 4A9 9 0 0 0 3.58 15.14c-1.06 1.21-2.05 3.68-.82 5.06m1.5-1.32c-.22-.25 0-1.07.37-1.76a9.3 9.3 0 0 0 1.57 1.74c-1.03.3-1.71.28-1.94.02m14.51-5.17A7 7 0 0 1 15.58 18A7.1 7.1 0 0 1 12 19a6.4 6.4 0 0 1-1.24-.13a30.7 30.7 0 0 0 4.42-3.29a31.5 31.5 0 0 0 3.8-4a6.9 6.9 0 0 1-.21 2.13m.09-8.89a.94.94 0 0 1 .87.32c.23.26.16.94-.26 1.93a9.2 9.2 0 0 0-1.61-1.86a2.5 2.5 0 0 1 1-.39M5.22 10.31A6.94 6.94 0 0 1 8.41 6A7 7 0 0 1 12 5a6.9 6.9 0 0 1 6 3.41a5 5 0 0 1 .35.66a27.4 27.4 0 0 1-4.49 5A27.4 27.4 0 0 1 8.35 18a7 7 0 0 1-3.13-7.65z"/></svg> </template>
CSS
.icon-planet {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.76%2020.2a2.73%202.73%200%200%200%202.15.85a8.9%208.9%200%200%200%203.37-.86a9%209%200%200%200%2012.27-10.9c1.31-2.23%201.75-4.26.67-5.48a2.94%202.94%200%200%200-2.57-1A5%205%200%200%200%2016.1%204A9%209%200%200%200%203.58%2015.14c-1.06%201.21-2.05%203.68-.82%205.06m1.5-1.32c-.22-.25%200-1.07.37-1.76a9.3%209.3%200%200%200%201.57%201.74c-1.03.3-1.71.28-1.94.02m14.51-5.17A7%207%200%200%201%2015.58%2018A7.1%207.1%200%200%201%2012%2019a6.4%206.4%200%200%201-1.24-.13a30.7%2030.7%200%200%200%204.42-3.29a31.5%2031.5%200%200%200%203.8-4a6.9%206.9%200%200%201-.21%202.13m.09-8.89a.94.94%200%200%201%20.87.32c.23.26.16.94-.26%201.93a9.2%209.2%200%200%200-1.61-1.86a2.5%202.5%200%200%201%201-.39M5.22%2010.31A6.94%206.94%200%200%201%208.41%206A7%207%200%200%201%2012%205a6.9%206.9%200%200%201%206%203.41a5%205%200%200%201%20.35.66a27.4%2027.4%200%200%201-4.49%205A27.4%2027.4%200%200%201%208.35%2018a7%207%200%200%201-3.13-7.65z%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.76%2020.2a2.73%202.73%200%200%200%202.15.85a8.9%208.9%200%200%200%203.37-.86a9%209%200%200%200%2012.27-10.9c1.31-2.23%201.75-4.26.67-5.48a2.94%202.94%200%200%200-2.57-1A5%205%200%200%200%2016.1%204A9%209%200%200%200%203.58%2015.14c-1.06%201.21-2.05%203.68-.82%205.06m1.5-1.32c-.22-.25%200-1.07.37-1.76a9.3%209.3%200%200%200%201.57%201.74c-1.03.3-1.71.28-1.94.02m14.51-5.17A7%207%200%200%201%2015.58%2018A7.1%207.1%200%200%201%2012%2019a6.4%206.4%200%200%201-1.24-.13a30.7%2030.7%200%200%200%204.42-3.29a31.5%2031.5%200%200%200%203.8-4a6.9%206.9%200%200%201-.21%202.13m.09-8.89a.94.94%200%200%201%20.87.32c.23.26.16.94-.26%201.93a9.2%209.2%200%200%200-1.61-1.86a2.5%202.5%200%200%201%201-.39M5.22%2010.31A6.94%206.94%200%200%201%208.41%206A7%207%200%200%201%2012%205a6.9%206.9%200%200%201%206%203.41a5%205%200%200%201%20.35.66a27.4%2027.4%200%200%201-4.49%205A27.4%2027.4%200%200%201%208.35%2018a7%207%200%200%201-3.13-7.65z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/planet.svg?color=%231a73e8&size=48
