planet icon
planet-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- planet-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="M10 3.5a6.5 6.5 0 0 0-6.468 7.153c-.5.053-.818.011-1.009-.059a7.6 7.6 0 0 1 .018-1.38c-.827.123-1.327.571-1.484.98a.78.78 0 0 0 .04.68c.122.22.385.47.889.657c.61.226 1.568.198 2.922-.147c1.334-.34 2.973-.966 4.892-1.839c1.941-.882 3.64-1.537 5.055-1.898c1.397-.357 2.605-.452 3.512-.116c.661.245 1.144.626 1.409 1.109c.267.488.284 1.03.1 1.518c-.342.903-1.324 1.57-2.596 1.654a7.503 7.503 0 0 1-13.823 1.856a9 9 0 0 0 1.088-.132a6.5 6.5 0 0 0 11.923-4.19c.5-.052.819-.01 1.009.06a7.6 7.6 0 0 1-.018 1.383c.828-.123 1.326-.573 1.48-.984a.8.8 0 0 0-.04-.684c-.121-.22-.382-.468-.879-.652c-.61-.226-1.565-.198-2.917.147c-1.333.34-2.97.967-4.89 1.84c-1.94.882-3.64 1.536-5.058 1.897c-1.4.357-2.609.452-3.516.116c-.666-.247-1.152-.63-1.418-1.113a1.78 1.78 0 0 1-.098-1.52c.345-.899 1.33-1.56 2.597-1.646a7.503 7.503 0 0 1 13.824-1.858a9 9 0 0 0-1.089.132A6.5 6.5 0 0 0 10 3.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentPlanet20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 3.5a6.5 6.5 0 0 0-6.468 7.153c-.5.053-.818.011-1.009-.059a7.6 7.6 0 0 1 .018-1.38c-.827.123-1.327.571-1.484.98a.78.78 0 0 0 .04.68c.122.22.385.47.889.657c.61.226 1.568.198 2.922-.147c1.334-.34 2.973-.966 4.892-1.839c1.941-.882 3.64-1.537 5.055-1.898c1.397-.357 2.605-.452 3.512-.116c.661.245 1.144.626 1.409 1.109c.267.488.284 1.03.1 1.518c-.342.903-1.324 1.57-2.596 1.654a7.503 7.503 0 0 1-13.823 1.856a9 9 0 0 0 1.088-.132a6.5 6.5 0 0 0 11.923-4.19c.5-.052.819-.01 1.009.06a7.6 7.6 0 0 1-.018 1.383c.828-.123 1.326-.573 1.48-.984a.8.8 0 0 0-.04-.684c-.121-.22-.382-.468-.879-.652c-.61-.226-1.565-.198-2.917.147c-1.333.34-2.97.967-4.89 1.84c-1.94.882-3.64 1.536-5.058 1.897c-1.4.357-2.609.452-3.516.116c-.666-.247-1.152-.63-1.418-1.113a1.78 1.78 0 0 1-.098-1.52c.345-.899 1.33-1.56 2.597-1.646a7.503 7.503 0 0 1 13.824-1.858a9 9 0 0 0-1.089.132A6.5 6.5 0 0 0 10 3.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 3.5a6.5 6.5 0 0 0-6.468 7.153c-.5.053-.818.011-1.009-.059a7.6 7.6 0 0 1 .018-1.38c-.827.123-1.327.571-1.484.98a.78.78 0 0 0 .04.68c.122.22.385.47.889.657c.61.226 1.568.198 2.922-.147c1.334-.34 2.973-.966 4.892-1.839c1.941-.882 3.64-1.537 5.055-1.898c1.397-.357 2.605-.452 3.512-.116c.661.245 1.144.626 1.409 1.109c.267.488.284 1.03.1 1.518c-.342.903-1.324 1.57-2.596 1.654a7.503 7.503 0 0 1-13.823 1.856a9 9 0 0 0 1.088-.132a6.5 6.5 0 0 0 11.923-4.19c.5-.052.819-.01 1.009.06a7.6 7.6 0 0 1-.018 1.383c.828-.123 1.326-.573 1.48-.984a.8.8 0 0 0-.04-.684c-.121-.22-.382-.468-.879-.652c-.61-.226-1.565-.198-2.917.147c-1.333.34-2.97.967-4.89 1.84c-1.94.882-3.64 1.536-5.058 1.897c-1.4.357-2.609.452-3.516.116c-.666-.247-1.152-.63-1.418-1.113a1.78 1.78 0 0 1-.098-1.52c.345-.899 1.33-1.56 2.597-1.646a7.503 7.503 0 0 1 13.824-1.858a9 9 0 0 0-1.089.132A6.5 6.5 0 0 0 10 3.5"/></svg> </template>
CSS
.icon-planet-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%203.5a6.5%206.5%200%200%200-6.468%207.153c-.5.053-.818.011-1.009-.059a7.6%207.6%200%200%201%20.018-1.38c-.827.123-1.327.571-1.484.98a.78.78%200%200%200%20.04.68c.122.22.385.47.889.657c.61.226%201.568.198%202.922-.147c1.334-.34%202.973-.966%204.892-1.839c1.941-.882%203.64-1.537%205.055-1.898c1.397-.357%202.605-.452%203.512-.116c.661.245%201.144.626%201.409%201.109c.267.488.284%201.03.1%201.518c-.342.903-1.324%201.57-2.596%201.654a7.503%207.503%200%200%201-13.823%201.856a9%209%200%200%200%201.088-.132a6.5%206.5%200%200%200%2011.923-4.19c.5-.052.819-.01%201.009.06a7.6%207.6%200%200%201-.018%201.383c.828-.123%201.326-.573%201.48-.984a.8.8%200%200%200-.04-.684c-.121-.22-.382-.468-.879-.652c-.61-.226-1.565-.198-2.917.147c-1.333.34-2.97.967-4.89%201.84c-1.94.882-3.64%201.536-5.058%201.897c-1.4.357-2.609.452-3.516.116c-.666-.247-1.152-.63-1.418-1.113a1.78%201.78%200%200%201-.098-1.52c.345-.899%201.33-1.56%202.597-1.646a7.503%207.503%200%200%201%2013.824-1.858a9%209%200%200%200-1.089.132A6.5%206.5%200%200%200%2010%203.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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%203.5a6.5%206.5%200%200%200-6.468%207.153c-.5.053-.818.011-1.009-.059a7.6%207.6%200%200%201%20.018-1.38c-.827.123-1.327.571-1.484.98a.78.78%200%200%200%20.04.68c.122.22.385.47.889.657c.61.226%201.568.198%202.922-.147c1.334-.34%202.973-.966%204.892-1.839c1.941-.882%203.64-1.537%205.055-1.898c1.397-.357%202.605-.452%203.512-.116c.661.245%201.144.626%201.409%201.109c.267.488.284%201.03.1%201.518c-.342.903-1.324%201.57-2.596%201.654a7.503%207.503%200%200%201-13.823%201.856a9%209%200%200%200%201.088-.132a6.5%206.5%200%200%200%2011.923-4.19c.5-.052.819-.01%201.009.06a7.6%207.6%200%200%201-.018%201.383c.828-.123%201.326-.573%201.48-.984a.8.8%200%200%200-.04-.684c-.121-.22-.382-.468-.879-.652c-.61-.226-1.565-.198-2.917.147c-1.333.34-2.97.967-4.89%201.84c-1.94.882-3.64%201.536-5.058%201.897c-1.4.357-2.609.452-3.516.116c-.666-.247-1.152-.63-1.418-1.113a1.78%201.78%200%200%201-.098-1.52c.345-.899%201.33-1.56%202.597-1.646a7.503%207.503%200%200%201%2013.824-1.858a9%209%200%200%200-1.089.132A6.5%206.5%200%200%200%2010%203.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/planet-20-regular.svg?color=%231a73e8&size=48
