planet icon
planet-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- planet-light
- Set
- Phosphor
- Style
- Light
- 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="M243.39 61.68c-7.24-12.48-27-15-57.24-7.49A93.92 93.92 0 0 0 34.05 128a94.5 94.5 0 0 0 .9 13c-21.86 22.38-29.56 40.78-22.29 53.32c4.5 7.76 14 11.69 27.86 11.69a116.4 116.4 0 0 0 25-3.16c1.45-.32 2.92-.68 4.41-1a93.95 93.95 0 0 0 151.19-86.89c12.65-13 21.11-25.32 23.86-35.6c1.78-6.83 1.26-12.77-1.59-17.68M128 46a82.12 82.12 0 0 1 80.19 64.94c-16 15.3-38.14 31.67-63.3 46.12c-27.4 15.76-52.1 25.94-72.04 31.54A82 82 0 0 1 128 46M23 188.3c-3.52-6.07 2.31-18.56 15-33a94 94 0 0 0 21.07 36.62c-19.65 3.82-32.68 2.16-36.07-3.62M128 210a81.4 81.4 0 0 1-43.35-12.45c20.68-6.71 43.56-17.06 66.22-30.08c22.83-13.12 43.13-27.67 59.05-41.91c0 .81.06 1.62.06 2.44A82.08 82.08 0 0 1 128 210M233.35 76.21c-1.88 7-7.28 15.49-15.36 24.61a93.9 93.9 0 0 0-21.1-36.7c15.82-3.05 32-3.49 36.12 3.58c1.19 2.05 1.3 4.92.34 8.51"/></svg>
React
import type { SVGProps } from "react";
export function PhPlanetLight(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="M243.39 61.68c-7.24-12.48-27-15-57.24-7.49A93.92 93.92 0 0 0 34.05 128a94.5 94.5 0 0 0 .9 13c-21.86 22.38-29.56 40.78-22.29 53.32c4.5 7.76 14 11.69 27.86 11.69a116.4 116.4 0 0 0 25-3.16c1.45-.32 2.92-.68 4.41-1a93.95 93.95 0 0 0 151.19-86.89c12.65-13 21.11-25.32 23.86-35.6c1.78-6.83 1.26-12.77-1.59-17.68M128 46a82.12 82.12 0 0 1 80.19 64.94c-16 15.3-38.14 31.67-63.3 46.12c-27.4 15.76-52.1 25.94-72.04 31.54A82 82 0 0 1 128 46M23 188.3c-3.52-6.07 2.31-18.56 15-33a94 94 0 0 0 21.07 36.62c-19.65 3.82-32.68 2.16-36.07-3.62M128 210a81.4 81.4 0 0 1-43.35-12.45c20.68-6.71 43.56-17.06 66.22-30.08c22.83-13.12 43.13-27.67 59.05-41.91c0 .81.06 1.62.06 2.44A82.08 82.08 0 0 1 128 210M233.35 76.21c-1.88 7-7.28 15.49-15.36 24.61a93.9 93.9 0 0 0-21.1-36.7c15.82-3.05 32-3.49 36.12 3.58c1.19 2.05 1.3 4.92.34 8.51"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M243.39 61.68c-7.24-12.48-27-15-57.24-7.49A93.92 93.92 0 0 0 34.05 128a94.5 94.5 0 0 0 .9 13c-21.86 22.38-29.56 40.78-22.29 53.32c4.5 7.76 14 11.69 27.86 11.69a116.4 116.4 0 0 0 25-3.16c1.45-.32 2.92-.68 4.41-1a93.95 93.95 0 0 0 151.19-86.89c12.65-13 21.11-25.32 23.86-35.6c1.78-6.83 1.26-12.77-1.59-17.68M128 46a82.12 82.12 0 0 1 80.19 64.94c-16 15.3-38.14 31.67-63.3 46.12c-27.4 15.76-52.1 25.94-72.04 31.54A82 82 0 0 1 128 46M23 188.3c-3.52-6.07 2.31-18.56 15-33a94 94 0 0 0 21.07 36.62c-19.65 3.82-32.68 2.16-36.07-3.62M128 210a81.4 81.4 0 0 1-43.35-12.45c20.68-6.71 43.56-17.06 66.22-30.08c22.83-13.12 43.13-27.67 59.05-41.91c0 .81.06 1.62.06 2.44A82.08 82.08 0 0 1 128 210M233.35 76.21c-1.88 7-7.28 15.49-15.36 24.61a93.9 93.9 0 0 0-21.1-36.7c15.82-3.05 32-3.49 36.12 3.58c1.19 2.05 1.3 4.92.34 8.51"/></svg> </template>
CSS
.icon-planet-light {
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%22M243.39%2061.68c-7.24-12.48-27-15-57.24-7.49A93.92%2093.92%200%200%200%2034.05%20128a94.5%2094.5%200%200%200%20.9%2013c-21.86%2022.38-29.56%2040.78-22.29%2053.32c4.5%207.76%2014%2011.69%2027.86%2011.69a116.4%20116.4%200%200%200%2025-3.16c1.45-.32%202.92-.68%204.41-1a93.95%2093.95%200%200%200%20151.19-86.89c12.65-13%2021.11-25.32%2023.86-35.6c1.78-6.83%201.26-12.77-1.59-17.68M128%2046a82.12%2082.12%200%200%201%2080.19%2064.94c-16%2015.3-38.14%2031.67-63.3%2046.12c-27.4%2015.76-52.1%2025.94-72.04%2031.54A82%2082%200%200%201%20128%2046M23%20188.3c-3.52-6.07%202.31-18.56%2015-33a94%2094%200%200%200%2021.07%2036.62c-19.65%203.82-32.68%202.16-36.07-3.62M128%20210a81.4%2081.4%200%200%201-43.35-12.45c20.68-6.71%2043.56-17.06%2066.22-30.08c22.83-13.12%2043.13-27.67%2059.05-41.91c0%20.81.06%201.62.06%202.44A82.08%2082.08%200%200%201%20128%20210M233.35%2076.21c-1.88%207-7.28%2015.49-15.36%2024.61a93.9%2093.9%200%200%200-21.1-36.7c15.82-3.05%2032-3.49%2036.12%203.58c1.19%202.05%201.3%204.92.34%208.51%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%22M243.39%2061.68c-7.24-12.48-27-15-57.24-7.49A93.92%2093.92%200%200%200%2034.05%20128a94.5%2094.5%200%200%200%20.9%2013c-21.86%2022.38-29.56%2040.78-22.29%2053.32c4.5%207.76%2014%2011.69%2027.86%2011.69a116.4%20116.4%200%200%200%2025-3.16c1.45-.32%202.92-.68%204.41-1a93.95%2093.95%200%200%200%20151.19-86.89c12.65-13%2021.11-25.32%2023.86-35.6c1.78-6.83%201.26-12.77-1.59-17.68M128%2046a82.12%2082.12%200%200%201%2080.19%2064.94c-16%2015.3-38.14%2031.67-63.3%2046.12c-27.4%2015.76-52.1%2025.94-72.04%2031.54A82%2082%200%200%201%20128%2046M23%20188.3c-3.52-6.07%202.31-18.56%2015-33a94%2094%200%200%200%2021.07%2036.62c-19.65%203.82-32.68%202.16-36.07-3.62M128%20210a81.4%2081.4%200%200%201-43.35-12.45c20.68-6.71%2043.56-17.06%2066.22-30.08c22.83-13.12%2043.13-27.67%2059.05-41.91c0%20.81.06%201.62.06%202.44A82.08%2082.08%200%200%201%20128%20210M233.35%2076.21c-1.88%207-7.28%2015.49-15.36%2024.61a93.9%2093.9%200%200%200-21.1-36.7c15.82-3.05%2032-3.49%2036.12%203.58c1.19%202.05%201.3%204.92.34%208.51%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/planet-light.svg?color=%231a73e8&size=48
