planet icon
planet-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- planet-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
7 other variants in Fluent UI System Icons
The same icon in other sets
planetAkar IconsplanetBoxIcons v2planetBoxIcons v2 Solidplanet-16Fluent UI System Color IconsplanetIconParkplanetIconPark OutlineplanetIconPark SolidplanetIconPark TwoToneplanetIconoirplanetIonIconsplanetLucide 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 32 32"><path fill="currentColor" d="M16 6C10.477 6 6 10.477 6 16q0 .259.013.515c-.65.063-1.205.057-1.647-.016a3 3 0 0 1-.359-.081a12.2 12.2 0 0 1 .199-2.643a4.7 4.7 0 0 0-1.346.796c-.768.66-1.014 1.36-.736 2.06c.293.737.916 1.175 1.972 1.348c1.09.18 2.498.041 4.028-.297c2.927-.649 5.952-1.948 7.32-2.535l.316-.135c1.36-.584 4.548-1.954 7.679-2.646c1.623-.36 3.326-.56 4.79-.319c1.499.246 2.878.982 3.514 2.579c.72 1.81-.195 3.364-1.32 4.323c-.925.788-2.158 1.34-3.276 1.502C25.38 24.875 21.055 28 16 28a12 12 0 0 1-10.639-6.443a16 16 0 0 0 2.193-.2A10 10 0 0 0 16 26c5.523 0 10-4.477 10-10q0-.259-.013-.515c.65-.063 1.205-.057 1.647.016q.218.037.359.081Q28 15.79 28 16c0 .756-.07 1.497-.204 2.214c.464-.183.935-.45 1.33-.788c.783-.666 1.03-1.365.756-2.056c-.294-.738-.918-1.175-1.976-1.35c-1.093-.179-2.503-.04-4.035.298c-2.94.65-5.98 1.955-7.341 2.54l-.316.135c-1.364.586-4.54 1.95-7.658 2.641c-1.62.36-3.321.56-4.784.319c-1.497-.246-2.88-.982-3.515-2.578c-.717-1.801.179-3.357 1.3-4.32c.926-.798 2.166-1.352 3.297-1.51C6.623 7.125 10.947 4 16 4a12 12 0 0 1 10.639 6.444c-.734.01-1.473.086-2.193.2A9.99 9.99 0 0 0 16 6"/></svg>
React
import type { SVGProps } from "react";
export function FluentPlanet32Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 6C10.477 6 6 10.477 6 16q0 .259.013.515c-.65.063-1.205.057-1.647-.016a3 3 0 0 1-.359-.081a12.2 12.2 0 0 1 .199-2.643a4.7 4.7 0 0 0-1.346.796c-.768.66-1.014 1.36-.736 2.06c.293.737.916 1.175 1.972 1.348c1.09.18 2.498.041 4.028-.297c2.927-.649 5.952-1.948 7.32-2.535l.316-.135c1.36-.584 4.548-1.954 7.679-2.646c1.623-.36 3.326-.56 4.79-.319c1.499.246 2.878.982 3.514 2.579c.72 1.81-.195 3.364-1.32 4.323c-.925.788-2.158 1.34-3.276 1.502C25.38 24.875 21.055 28 16 28a12 12 0 0 1-10.639-6.443a16 16 0 0 0 2.193-.2A10 10 0 0 0 16 26c5.523 0 10-4.477 10-10q0-.259-.013-.515c.65-.063 1.205-.057 1.647.016q.218.037.359.081Q28 15.79 28 16c0 .756-.07 1.497-.204 2.214c.464-.183.935-.45 1.33-.788c.783-.666 1.03-1.365.756-2.056c-.294-.738-.918-1.175-1.976-1.35c-1.093-.179-2.503-.04-4.035.298c-2.94.65-5.98 1.955-7.341 2.54l-.316.135c-1.364.586-4.54 1.95-7.658 2.641c-1.62.36-3.321.56-4.784.319c-1.497-.246-2.88-.982-3.515-2.578c-.717-1.801.179-3.357 1.3-4.32c.926-.798 2.166-1.352 3.297-1.51C6.623 7.125 10.947 4 16 4a12 12 0 0 1 10.639 6.444c-.734.01-1.473.086-2.193.2A9.99 9.99 0 0 0 16 6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 6C10.477 6 6 10.477 6 16q0 .259.013.515c-.65.063-1.205.057-1.647-.016a3 3 0 0 1-.359-.081a12.2 12.2 0 0 1 .199-2.643a4.7 4.7 0 0 0-1.346.796c-.768.66-1.014 1.36-.736 2.06c.293.737.916 1.175 1.972 1.348c1.09.18 2.498.041 4.028-.297c2.927-.649 5.952-1.948 7.32-2.535l.316-.135c1.36-.584 4.548-1.954 7.679-2.646c1.623-.36 3.326-.56 4.79-.319c1.499.246 2.878.982 3.514 2.579c.72 1.81-.195 3.364-1.32 4.323c-.925.788-2.158 1.34-3.276 1.502C25.38 24.875 21.055 28 16 28a12 12 0 0 1-10.639-6.443a16 16 0 0 0 2.193-.2A10 10 0 0 0 16 26c5.523 0 10-4.477 10-10q0-.259-.013-.515c.65-.063 1.205-.057 1.647.016q.218.037.359.081Q28 15.79 28 16c0 .756-.07 1.497-.204 2.214c.464-.183.935-.45 1.33-.788c.783-.666 1.03-1.365.756-2.056c-.294-.738-.918-1.175-1.976-1.35c-1.093-.179-2.503-.04-4.035.298c-2.94.65-5.98 1.955-7.341 2.54l-.316.135c-1.364.586-4.54 1.95-7.658 2.641c-1.62.36-3.321.56-4.784.319c-1.497-.246-2.88-.982-3.515-2.578c-.717-1.801.179-3.357 1.3-4.32c.926-.798 2.166-1.352 3.297-1.51C6.623 7.125 10.947 4 16 4a12 12 0 0 1 10.639 6.444c-.734.01-1.473.086-2.193.2A9.99 9.99 0 0 0 16 6"/></svg> </template>
CSS
.icon-planet-32-regular {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%206C10.477%206%206%2010.477%206%2016q0%20.259.013.515c-.65.063-1.205.057-1.647-.016a3%203%200%200%201-.359-.081a12.2%2012.2%200%200%201%20.199-2.643a4.7%204.7%200%200%200-1.346.796c-.768.66-1.014%201.36-.736%202.06c.293.737.916%201.175%201.972%201.348c1.09.18%202.498.041%204.028-.297c2.927-.649%205.952-1.948%207.32-2.535l.316-.135c1.36-.584%204.548-1.954%207.679-2.646c1.623-.36%203.326-.56%204.79-.319c1.499.246%202.878.982%203.514%202.579c.72%201.81-.195%203.364-1.32%204.323c-.925.788-2.158%201.34-3.276%201.502C25.38%2024.875%2021.055%2028%2016%2028a12%2012%200%200%201-10.639-6.443a16%2016%200%200%200%202.193-.2A10%2010%200%200%200%2016%2026c5.523%200%2010-4.477%2010-10q0-.259-.013-.515c.65-.063%201.205-.057%201.647.016q.218.037.359.081Q28%2015.79%2028%2016c0%20.756-.07%201.497-.204%202.214c.464-.183.935-.45%201.33-.788c.783-.666%201.03-1.365.756-2.056c-.294-.738-.918-1.175-1.976-1.35c-1.093-.179-2.503-.04-4.035.298c-2.94.65-5.98%201.955-7.341%202.54l-.316.135c-1.364.586-4.54%201.95-7.658%202.641c-1.62.36-3.321.56-4.784.319c-1.497-.246-2.88-.982-3.515-2.578c-.717-1.801.179-3.357%201.3-4.32c.926-.798%202.166-1.352%203.297-1.51C6.623%207.125%2010.947%204%2016%204a12%2012%200%200%201%2010.639%206.444c-.734.01-1.473.086-2.193.2A9.99%209.99%200%200%200%2016%206%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%206C10.477%206%206%2010.477%206%2016q0%20.259.013.515c-.65.063-1.205.057-1.647-.016a3%203%200%200%201-.359-.081a12.2%2012.2%200%200%201%20.199-2.643a4.7%204.7%200%200%200-1.346.796c-.768.66-1.014%201.36-.736%202.06c.293.737.916%201.175%201.972%201.348c1.09.18%202.498.041%204.028-.297c2.927-.649%205.952-1.948%207.32-2.535l.316-.135c1.36-.584%204.548-1.954%207.679-2.646c1.623-.36%203.326-.56%204.79-.319c1.499.246%202.878.982%203.514%202.579c.72%201.81-.195%203.364-1.32%204.323c-.925.788-2.158%201.34-3.276%201.502C25.38%2024.875%2021.055%2028%2016%2028a12%2012%200%200%201-10.639-6.443a16%2016%200%200%200%202.193-.2A10%2010%200%200%200%2016%2026c5.523%200%2010-4.477%2010-10q0-.259-.013-.515c.65-.063%201.205-.057%201.647.016q.218.037.359.081Q28%2015.79%2028%2016c0%20.756-.07%201.497-.204%202.214c.464-.183.935-.45%201.33-.788c.783-.666%201.03-1.365.756-2.056c-.294-.738-.918-1.175-1.976-1.35c-1.093-.179-2.503-.04-4.035.298c-2.94.65-5.98%201.955-7.341%202.54l-.316.135c-1.364.586-4.54%201.95-7.658%202.641c-1.62.36-3.321.56-4.784.319c-1.497-.246-2.88-.982-3.515-2.578c-.717-1.801.179-3.357%201.3-4.32c.926-.798%202.166-1.352%203.297-1.51C6.623%207.125%2010.947%204%2016%204a12%2012%200%200%201%2010.639%206.444c-.734.01-1.473.086-2.193.2A9.99%209.99%200%200%200%2016%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/planet-32-regular.svg?color=%231a73e8&size=48
