planet icon
planet from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- planet
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
planetAkar IconsplanetBoxIcons v2planetBoxIcons v2 Solidplanet-16-filledFluent UI System Iconsplanet-16Fluent UI System Color IconsplanetIconParkplanetIconPark OutlineplanetIconPark SolidplanetIconPark TwoToneplanetIconoirplanetLucide LabplanetMajesticonsplanetMaterial SymbolsplanetMaterial Symbols Lightplanet-fillMingCute IconplanetMyna UI IconsplanetPhosphorplanet-fillRemix IconplanetSimple Iconsplanet-boldSolarplanetTabler Icons
Use the planet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M96.85 286.62a8 8 0 0 0-12.53 8.25C102.07 373.28 172.3 432 256 432a175.3 175.3 0 0 0 52.41-8a8 8 0 0 0 .79-15a1120 1120 0 0 1-109.48-55.61a1126 1126 0 0 1-102.87-66.77m395.87 52.89c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 0 0-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 0 0 3.15 16.06c22.74 25 26.42 38.51 25.48 41.36c-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46q-6.76-2.08-13.79-4.49a177 177 0 0 0 19.54-27.25c.17-.29.35-.58.52-.88A175.4 175.4 0 0 0 432 256a179 179 0 0 0-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 0 0-106.4 35.89a177.4 177.4 0 0 0-45.83 51.84c-.16.29-.34.58-.51.87a175.5 175.5 0 0 0-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14c-29.57-30.26-33.09-45.61-32.16-48.45c2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0 0 96.22 123l.36-.44a15.74 15.74 0 0 0-8.67-25.43A237 237 0 0 0 64.13 93c-30.72-3.53-50.83 2.52-59.78 18c-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64c7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19c9.09-15.62 4.08-36.32-14.86-61.5"/></svg>
React
import type { SVGProps } from "react";
export function IonPlanet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M96.85 286.62a8 8 0 0 0-12.53 8.25C102.07 373.28 172.3 432 256 432a175.3 175.3 0 0 0 52.41-8a8 8 0 0 0 .79-15a1120 1120 0 0 1-109.48-55.61a1126 1126 0 0 1-102.87-66.77m395.87 52.89c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 0 0-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 0 0 3.15 16.06c22.74 25 26.42 38.51 25.48 41.36c-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46q-6.76-2.08-13.79-4.49a177 177 0 0 0 19.54-27.25c.17-.29.35-.58.52-.88A175.4 175.4 0 0 0 432 256a179 179 0 0 0-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 0 0-106.4 35.89a177.4 177.4 0 0 0-45.83 51.84c-.16.29-.34.58-.51.87a175.5 175.5 0 0 0-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14c-29.57-30.26-33.09-45.61-32.16-48.45c2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0 0 96.22 123l.36-.44a15.74 15.74 0 0 0-8.67-25.43A237 237 0 0 0 64.13 93c-30.72-3.53-50.83 2.52-59.78 18c-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64c7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19c9.09-15.62 4.08-36.32-14.86-61.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M96.85 286.62a8 8 0 0 0-12.53 8.25C102.07 373.28 172.3 432 256 432a175.3 175.3 0 0 0 52.41-8a8 8 0 0 0 .79-15a1120 1120 0 0 1-109.48-55.61a1126 1126 0 0 1-102.87-66.77m395.87 52.89c-4.19-5.58-9.11-11.44-14.7-17.53a15.83 15.83 0 0 0-26.56 5.13c0 .16-.11.31-.17.47a15.75 15.75 0 0 0 3.15 16.06c22.74 25 26.42 38.51 25.48 41.36c-2 2.23-17.05 6.89-58.15-3.53q-8.83-2.24-19.32-5.46q-6.76-2.08-13.79-4.49a177 177 0 0 0 19.54-27.25c.17-.29.35-.58.52-.88A175.4 175.4 0 0 0 432 256a179 179 0 0 0-1-19c-9.57-88.17-84.4-157-175-157a175.37 175.37 0 0 0-106.4 35.89a177.4 177.4 0 0 0-45.83 51.84c-.16.29-.34.58-.51.87a175.5 175.5 0 0 0-13.83 30.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14c-29.57-30.26-33.09-45.61-32.16-48.45c2-2.23 15.54-5.87 48.62 1.31A15.82 15.82 0 0 0 96.22 123l.36-.44a15.74 15.74 0 0 0-8.67-25.43A237 237 0 0 0 64.13 93c-30.72-3.53-50.83 2.52-59.78 18c-3.24 5.58-6.35 15.09-2.72 28.6C7 159.66 26.14 184 53.23 209.5c8.63 8.13 18.06 16.37 28.12 24.64c7.32 6 15 12.06 22.9 18.08q7.91 6 16.15 12T137.1 276c25.41 17.61 52.26 34.52 78.59 49.69q14.34 8.26 28.64 16t28.37 14.81c21.9 11 43.35 20.92 63.86 29.43q13.19 5.48 25.81 10.16c11.89 4.42 23.37 8.31 34.31 11.59l1.1.33c25.73 7.66 47.42 11.69 64.48 12H464c21.64 0 36.3-6.38 43.58-19c9.09-15.62 4.08-36.32-14.86-61.5"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96.85%20286.62a8%208%200%200%200-12.53%208.25C102.07%20373.28%20172.3%20432%20256%20432a175.3%20175.3%200%200%200%2052.41-8a8%208%200%200%200%20.79-15a1120%201120%200%200%201-109.48-55.61a1126%201126%200%200%201-102.87-66.77m395.87%2052.89c-4.19-5.58-9.11-11.44-14.7-17.53a15.83%2015.83%200%200%200-26.56%205.13c0%20.16-.11.31-.17.47a15.75%2015.75%200%200%200%203.15%2016.06c22.74%2025%2026.42%2038.51%2025.48%2041.36c-2%202.23-17.05%206.89-58.15-3.53q-8.83-2.24-19.32-5.46q-6.76-2.08-13.79-4.49a177%20177%200%200%200%2019.54-27.25c.17-.29.35-.58.52-.88A175.4%20175.4%200%200%200%20432%20256a179%20179%200%200%200-1-19c-9.57-88.17-84.4-157-175-157a175.37%20175.37%200%200%200-106.4%2035.89a177.4%20177.4%200%200%200-45.83%2051.84c-.16.29-.34.58-.51.87a175.5%20175.5%200%200%200-13.83%2030.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14c-29.57-30.26-33.09-45.61-32.16-48.45c2-2.23%2015.54-5.87%2048.62%201.31A15.82%2015.82%200%200%200%2096.22%20123l.36-.44a15.74%2015.74%200%200%200-8.67-25.43A237%20237%200%200%200%2064.13%2093c-30.72-3.53-50.83%202.52-59.78%2018c-3.24%205.58-6.35%2015.09-2.72%2028.6C7%20159.66%2026.14%20184%2053.23%20209.5c8.63%208.13%2018.06%2016.37%2028.12%2024.64c7.32%206%2015%2012.06%2022.9%2018.08q7.91%206%2016.15%2012T137.1%20276c25.41%2017.61%2052.26%2034.52%2078.59%2049.69q14.34%208.26%2028.64%2016t28.37%2014.81c21.9%2011%2043.35%2020.92%2063.86%2029.43q13.19%205.48%2025.81%2010.16c11.89%204.42%2023.37%208.31%2034.31%2011.59l1.1.33c25.73%207.66%2047.42%2011.69%2064.48%2012H464c21.64%200%2036.3-6.38%2043.58-19c9.09-15.62%204.08-36.32-14.86-61.5%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96.85%20286.62a8%208%200%200%200-12.53%208.25C102.07%20373.28%20172.3%20432%20256%20432a175.3%20175.3%200%200%200%2052.41-8a8%208%200%200%200%20.79-15a1120%201120%200%200%201-109.48-55.61a1126%201126%200%200%201-102.87-66.77m395.87%2052.89c-4.19-5.58-9.11-11.44-14.7-17.53a15.83%2015.83%200%200%200-26.56%205.13c0%20.16-.11.31-.17.47a15.75%2015.75%200%200%200%203.15%2016.06c22.74%2025%2026.42%2038.51%2025.48%2041.36c-2%202.23-17.05%206.89-58.15-3.53q-8.83-2.24-19.32-5.46q-6.76-2.08-13.79-4.49a177%20177%200%200%200%2019.54-27.25c.17-.29.35-.58.52-.88A175.4%20175.4%200%200%200%20432%20256a179%20179%200%200%200-1-19c-9.57-88.17-84.4-157-175-157a175.37%20175.37%200%200%200-106.4%2035.89a177.4%20177.4%200%200%200-45.83%2051.84c-.16.29-.34.58-.51.87a175.5%20175.5%200%200%200-13.83%2030.52q-5.59-4.87-10.79-9.67c-5.39-5-10.17-9.63-14.42-14c-29.57-30.26-33.09-45.61-32.16-48.45c2-2.23%2015.54-5.87%2048.62%201.31A15.82%2015.82%200%200%200%2096.22%20123l.36-.44a15.74%2015.74%200%200%200-8.67-25.43A237%20237%200%200%200%2064.13%2093c-30.72-3.53-50.83%202.52-59.78%2018c-3.24%205.58-6.35%2015.09-2.72%2028.6C7%20159.66%2026.14%20184%2053.23%20209.5c8.63%208.13%2018.06%2016.37%2028.12%2024.64c7.32%206%2015%2012.06%2022.9%2018.08q7.91%206%2016.15%2012T137.1%20276c25.41%2017.61%2052.26%2034.52%2078.59%2049.69q14.34%208.26%2028.64%2016t28.37%2014.81c21.9%2011%2043.35%2020.92%2063.86%2029.43q13.19%205.48%2025.81%2010.16c11.89%204.42%2023.37%208.31%2034.31%2011.59l1.1.33c25.73%207.66%2047.42%2011.69%2064.48%2012H464c21.64%200%2036.3-6.38%2043.58-19c9.09-15.62%204.08-36.32-14.86-61.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/planet.svg?color=%231a73e8&size=48
