planet icon
planet from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- planet
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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 256 256"><path fill="currentColor" d="M245.11 60.68c-7.65-13.19-27.84-16.16-58.5-8.66A95.93 95.93 0 0 0 32 128a98 98 0 0 0 .78 12.31C5.09 169 5.49 186 10.9 195.32C16 204.16 26.64 208 40.64 208a124 124 0 0 0 28.79-4A95.93 95.93 0 0 0 224 128a97 97 0 0 0-.77-12.25c12.5-13 20.82-25.35 23.65-35.92c1.95-7.32 1.36-13.76-1.77-19.15M128 48a80.11 80.11 0 0 1 78 62.2c-17.06 16.06-40.15 32.53-62.07 45.13c-27.55 15.81-51.45 25.67-70.51 31.07A79.94 79.94 0 0 1 128 48M24.74 187.29c-1.46-2.51-.65-7.24 2.22-13a79 79 0 0 1 10.29-15.05a96 96 0 0 0 18 31.32c-17.25 2.9-28.01 1.05-30.51-3.27M128 208a79.45 79.45 0 0 1-38.56-9.94a370 370 0 0 0 62.43-28.86c21.58-12.39 40.68-25.82 56.07-39.08A80.07 80.07 0 0 1 128 208M231.42 75.69c-1.7 6.31-6.19 13.53-12.63 21.13a95.7 95.7 0 0 0-18-31.35c14.21-2.35 27.37-2.17 30.5 3.24c.9 1.57.95 3.92.13 6.98"/></svg>
React
import type { SVGProps } from "react";
export function PhPlanet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M245.11 60.68c-7.65-13.19-27.84-16.16-58.5-8.66A95.93 95.93 0 0 0 32 128a98 98 0 0 0 .78 12.31C5.09 169 5.49 186 10.9 195.32C16 204.16 26.64 208 40.64 208a124 124 0 0 0 28.79-4A95.93 95.93 0 0 0 224 128a97 97 0 0 0-.77-12.25c12.5-13 20.82-25.35 23.65-35.92c1.95-7.32 1.36-13.76-1.77-19.15M128 48a80.11 80.11 0 0 1 78 62.2c-17.06 16.06-40.15 32.53-62.07 45.13c-27.55 15.81-51.45 25.67-70.51 31.07A79.94 79.94 0 0 1 128 48M24.74 187.29c-1.46-2.51-.65-7.24 2.22-13a79 79 0 0 1 10.29-15.05a96 96 0 0 0 18 31.32c-17.25 2.9-28.01 1.05-30.51-3.27M128 208a79.45 79.45 0 0 1-38.56-9.94a370 370 0 0 0 62.43-28.86c21.58-12.39 40.68-25.82 56.07-39.08A80.07 80.07 0 0 1 128 208M231.42 75.69c-1.7 6.31-6.19 13.53-12.63 21.13a95.7 95.7 0 0 0-18-31.35c14.21-2.35 27.37-2.17 30.5 3.24c.9 1.57.95 3.92.13 6.98"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M245.11 60.68c-7.65-13.19-27.84-16.16-58.5-8.66A95.93 95.93 0 0 0 32 128a98 98 0 0 0 .78 12.31C5.09 169 5.49 186 10.9 195.32C16 204.16 26.64 208 40.64 208a124 124 0 0 0 28.79-4A95.93 95.93 0 0 0 224 128a97 97 0 0 0-.77-12.25c12.5-13 20.82-25.35 23.65-35.92c1.95-7.32 1.36-13.76-1.77-19.15M128 48a80.11 80.11 0 0 1 78 62.2c-17.06 16.06-40.15 32.53-62.07 45.13c-27.55 15.81-51.45 25.67-70.51 31.07A79.94 79.94 0 0 1 128 48M24.74 187.29c-1.46-2.51-.65-7.24 2.22-13a79 79 0 0 1 10.29-15.05a96 96 0 0 0 18 31.32c-17.25 2.9-28.01 1.05-30.51-3.27M128 208a79.45 79.45 0 0 1-38.56-9.94a370 370 0 0 0 62.43-28.86c21.58-12.39 40.68-25.82 56.07-39.08A80.07 80.07 0 0 1 128 208M231.42 75.69c-1.7 6.31-6.19 13.53-12.63 21.13a95.7 95.7 0 0 0-18-31.35c14.21-2.35 27.37-2.17 30.5 3.24c.9 1.57.95 3.92.13 6.98"/></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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M245.11%2060.68c-7.65-13.19-27.84-16.16-58.5-8.66A95.93%2095.93%200%200%200%2032%20128a98%2098%200%200%200%20.78%2012.31C5.09%20169%205.49%20186%2010.9%20195.32C16%20204.16%2026.64%20208%2040.64%20208a124%20124%200%200%200%2028.79-4A95.93%2095.93%200%200%200%20224%20128a97%2097%200%200%200-.77-12.25c12.5-13%2020.82-25.35%2023.65-35.92c1.95-7.32%201.36-13.76-1.77-19.15M128%2048a80.11%2080.11%200%200%201%2078%2062.2c-17.06%2016.06-40.15%2032.53-62.07%2045.13c-27.55%2015.81-51.45%2025.67-70.51%2031.07A79.94%2079.94%200%200%201%20128%2048M24.74%20187.29c-1.46-2.51-.65-7.24%202.22-13a79%2079%200%200%201%2010.29-15.05a96%2096%200%200%200%2018%2031.32c-17.25%202.9-28.01%201.05-30.51-3.27M128%20208a79.45%2079.45%200%200%201-38.56-9.94a370%20370%200%200%200%2062.43-28.86c21.58-12.39%2040.68-25.82%2056.07-39.08A80.07%2080.07%200%200%201%20128%20208M231.42%2075.69c-1.7%206.31-6.19%2013.53-12.63%2021.13a95.7%2095.7%200%200%200-18-31.35c14.21-2.35%2027.37-2.17%2030.5%203.24c.9%201.57.95%203.92.13%206.98%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M245.11%2060.68c-7.65-13.19-27.84-16.16-58.5-8.66A95.93%2095.93%200%200%200%2032%20128a98%2098%200%200%200%20.78%2012.31C5.09%20169%205.49%20186%2010.9%20195.32C16%20204.16%2026.64%20208%2040.64%20208a124%20124%200%200%200%2028.79-4A95.93%2095.93%200%200%200%20224%20128a97%2097%200%200%200-.77-12.25c12.5-13%2020.82-25.35%2023.65-35.92c1.95-7.32%201.36-13.76-1.77-19.15M128%2048a80.11%2080.11%200%200%201%2078%2062.2c-17.06%2016.06-40.15%2032.53-62.07%2045.13c-27.55%2015.81-51.45%2025.67-70.51%2031.07A79.94%2079.94%200%200%201%20128%2048M24.74%20187.29c-1.46-2.51-.65-7.24%202.22-13a79%2079%200%200%201%2010.29-15.05a96%2096%200%200%200%2018%2031.32c-17.25%202.9-28.01%201.05-30.51-3.27M128%20208a79.45%2079.45%200%200%201-38.56-9.94a370%20370%200%200%200%2062.43-28.86c21.58-12.39%2040.68-25.82%2056.07-39.08A80.07%2080.07%200%200%201%20128%20208M231.42%2075.69c-1.7%206.31-6.19%2013.53-12.63%2021.13a95.7%2095.7%200%200%200-18-31.35c14.21-2.35%2027.37-2.17%2030.5%203.24c.9%201.57.95%203.92.13%206.98%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/planet.svg?color=%231a73e8&size=48
