planet icon
planet from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- planet
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- planet-sharp
3 other variants in Material Symbols Light
The same icon in other sets
planetAkar IconsplanetBoxIcons v2planetBoxIcons v2 Solidplanet-16-filledFluent UI System Iconsplanet-16Fluent UI System Color IconsplanetIconParkplanetIconPark OutlineplanetIconPark SolidplanetIconPark TwoToneplanetIconoirplanetIonIconsplanetLucide LabplanetMajesticonsplanetMaterial Symbolsplanet-fillMingCute IconplanetMyna UI IconsplanetPhosphorplanet-fillRemix IconplanetSimple Iconsplanet-boldSolarplanetTabler Icons
More social icons from Material Symbols Light
Use the planet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.978 10.028q.305-.305.305-.753t-.305-.753t-.753-.305t-.753.305t-.305.753t.305.753t.753.305t.753-.305m8.514 11.222q-.723 0-2.392-.933t-3.579-2.336q-.59.26-1.231.39q-.642.129-1.315.129q-2.713 0-4.594-1.88T5.5 12.024q0-.673.133-1.327q.132-.654.392-1.244q-1.379-1.89-2.286-3.528t-.906-2.342q0-.328.182-.533q.183-.205.468-.205q.419 0 1.61.585q1.191.584 2.728 1.525q-.256.14-.485.286t-.442.323q-.763-.448-1.492-.83q-.729-.383-1.46-.724q.546 1.181 1.193 2.293q.648 1.111 1.396 2.198q.873-1.35 2.29-2.164q1.418-.813 3.154-.813q2.714 0 4.607 1.893t1.893 4.607q0 1.737-.816 3.164q-.817 1.427-2.167 2.3q1.106.767 2.24 1.427q1.134.659 2.334 1.219q-.335-.725-.72-1.454q-.387-.729-.835-1.492q.183-.214.339-.448t.29-.485q.939 1.546 1.515 2.73t.576 1.603q0 .302-.208.481q-.207.18-.53.18m-6.248-6.705q.21-.21.21-.52t-.21-.52t-.52-.21t-.52.21t-.21.52t.21.52t.52.21t.52-.21m1.229-3.31q.193-.193.193-.48t-.193-.479t-.48-.193t-.48.193t-.193.48t.193.48t.48.193t.48-.193"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPlanet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.978 10.028q.305-.305.305-.753t-.305-.753t-.753-.305t-.753.305t-.305.753t.305.753t.753.305t.753-.305m8.514 11.222q-.723 0-2.392-.933t-3.579-2.336q-.59.26-1.231.39q-.642.129-1.315.129q-2.713 0-4.594-1.88T5.5 12.024q0-.673.133-1.327q.132-.654.392-1.244q-1.379-1.89-2.286-3.528t-.906-2.342q0-.328.182-.533q.183-.205.468-.205q.419 0 1.61.585q1.191.584 2.728 1.525q-.256.14-.485.286t-.442.323q-.763-.448-1.492-.83q-.729-.383-1.46-.724q.546 1.181 1.193 2.293q.648 1.111 1.396 2.198q.873-1.35 2.29-2.164q1.418-.813 3.154-.813q2.714 0 4.607 1.893t1.893 4.607q0 1.737-.816 3.164q-.817 1.427-2.167 2.3q1.106.767 2.24 1.427q1.134.659 2.334 1.219q-.335-.725-.72-1.454q-.387-.729-.835-1.492q.183-.214.339-.448t.29-.485q.939 1.546 1.515 2.73t.576 1.603q0 .302-.208.481q-.207.18-.53.18m-6.248-6.705q.21-.21.21-.52t-.21-.52t-.52-.21t-.52.21t-.21.52t.21.52t.52.21t.52-.21m1.229-3.31q.193-.193.193-.48t-.193-.479t-.48-.193t-.48.193t-.193.48t.193.48t.48.193t.48-.193"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.978 10.028q.305-.305.305-.753t-.305-.753t-.753-.305t-.753.305t-.305.753t.305.753t.753.305t.753-.305m8.514 11.222q-.723 0-2.392-.933t-3.579-2.336q-.59.26-1.231.39q-.642.129-1.315.129q-2.713 0-4.594-1.88T5.5 12.024q0-.673.133-1.327q.132-.654.392-1.244q-1.379-1.89-2.286-3.528t-.906-2.342q0-.328.182-.533q.183-.205.468-.205q.419 0 1.61.585q1.191.584 2.728 1.525q-.256.14-.485.286t-.442.323q-.763-.448-1.492-.83q-.729-.383-1.46-.724q.546 1.181 1.193 2.293q.648 1.111 1.396 2.198q.873-1.35 2.29-2.164q1.418-.813 3.154-.813q2.714 0 4.607 1.893t1.893 4.607q0 1.737-.816 3.164q-.817 1.427-2.167 2.3q1.106.767 2.24 1.427q1.134.659 2.334 1.219q-.335-.725-.72-1.454q-.387-.729-.835-1.492q.183-.214.339-.448t.29-.485q.939 1.546 1.515 2.73t.576 1.603q0 .302-.208.481q-.207.18-.53.18m-6.248-6.705q.21-.21.21-.52t-.21-.52t-.52-.21t-.52.21t-.21.52t.21.52t.52.21t.52-.21m1.229-3.31q.193-.193.193-.48t-.193-.479t-.48-.193t-.48.193t-.193.48t.193.48t.48.193t.48-.193"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.978%2010.028q.305-.305.305-.753t-.305-.753t-.753-.305t-.753.305t-.305.753t.305.753t.753.305t.753-.305m8.514%2011.222q-.723%200-2.392-.933t-3.579-2.336q-.59.26-1.231.39q-.642.129-1.315.129q-2.713%200-4.594-1.88T5.5%2012.024q0-.673.133-1.327q.132-.654.392-1.244q-1.379-1.89-2.286-3.528t-.906-2.342q0-.328.182-.533q.183-.205.468-.205q.419%200%201.61.585q1.191.584%202.728%201.525q-.256.14-.485.286t-.442.323q-.763-.448-1.492-.83q-.729-.383-1.46-.724q.546%201.181%201.193%202.293q.648%201.111%201.396%202.198q.873-1.35%202.29-2.164q1.418-.813%203.154-.813q2.714%200%204.607%201.893t1.893%204.607q0%201.737-.816%203.164q-.817%201.427-2.167%202.3q1.106.767%202.24%201.427q1.134.659%202.334%201.219q-.335-.725-.72-1.454q-.387-.729-.835-1.492q.183-.214.339-.448t.29-.485q.939%201.546%201.515%202.73t.576%201.603q0%20.302-.208.481q-.207.18-.53.18m-6.248-6.705q.21-.21.21-.52t-.21-.52t-.52-.21t-.52.21t-.21.52t.21.52t.52.21t.52-.21m1.229-3.31q.193-.193.193-.48t-.193-.479t-.48-.193t-.48.193t-.193.48t.193.48t.48.193t.48-.193%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.978%2010.028q.305-.305.305-.753t-.305-.753t-.753-.305t-.753.305t-.305.753t.305.753t.753.305t.753-.305m8.514%2011.222q-.723%200-2.392-.933t-3.579-2.336q-.59.26-1.231.39q-.642.129-1.315.129q-2.713%200-4.594-1.88T5.5%2012.024q0-.673.133-1.327q.132-.654.392-1.244q-1.379-1.89-2.286-3.528t-.906-2.342q0-.328.182-.533q.183-.205.468-.205q.419%200%201.61.585q1.191.584%202.728%201.525q-.256.14-.485.286t-.442.323q-.763-.448-1.492-.83q-.729-.383-1.46-.724q.546%201.181%201.193%202.293q.648%201.111%201.396%202.198q.873-1.35%202.29-2.164q1.418-.813%203.154-.813q2.714%200%204.607%201.893t1.893%204.607q0%201.737-.816%203.164q-.817%201.427-2.167%202.3q1.106.767%202.24%201.427q1.134.659%202.334%201.219q-.335-.725-.72-1.454q-.387-.729-.835-1.492q.183-.214.339-.448t.29-.485q.939%201.546%201.515%202.73t.576%201.603q0%20.302-.208.481q-.207.18-.53.18m-6.248-6.705q.21-.21.21-.52t-.21-.52t-.52-.21t-.52.21t-.21.52t.21.52t.52.21t.52-.21m1.229-3.31q.193-.193.193-.48t-.193-.479t-.48-.193t-.48.193t-.193.48t.193.48t.48.193t.48-.193%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/planet.svg?color=%231a73e8&size=48
