planet icon

planet-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
planet-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

planetplanet-boldplanet-duotoneplanet-lightplanet-thin

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 SymbolsplanetMaterial Symbols Lightplanet-fillMingCute IconplanetMyna UI Iconsplanet-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 256 256"><path fill="currentColor" d="M245.11 60.68c-7.65-13.19-27.85-16.16-58.5-8.66a96 96 0 0 0-153.8 88.28C5.09 169 5.49 186 10.9 195.32C16 204.16 26.64 208 40.64 208a124 124 0 0 0 28.79-4a96 96 0 0 0 153.78-88.25c12.51-13 20.83-25.35 23.66-35.92c1.96-7.32 1.37-13.76-1.76-19.15m-13.69 15c-6.11 22.78-48.65 57.31-87.52 79.64c-67.81 39-113.62 41.52-119.16 32c-1.46-2.51-.65-7.24 2.22-13a80 80 0 0 1 10.28-15.05a95.5 95.5 0 0 0 6.23 14.18a4 4 0 0 0 4 2.12a122 122 0 0 0 16.95-3.32c21.23-5.55 46.63-16.48 71.52-30.78s47-30.66 62.45-46.15a123 123 0 0 0 11.31-12.87a4 4 0 0 0 .17-4.52a96 96 0 0 0-9.1-12.46c14.21-2.35 27.37-2.17 30.5 3.24c.92 1.57.97 3.92.15 6.98Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPlanetFill(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="M245.11 60.68c-7.65-13.19-27.85-16.16-58.5-8.66a96 96 0 0 0-153.8 88.28C5.09 169 5.49 186 10.9 195.32C16 204.16 26.64 208 40.64 208a124 124 0 0 0 28.79-4a96 96 0 0 0 153.78-88.25c12.51-13 20.83-25.35 23.66-35.92c1.96-7.32 1.37-13.76-1.76-19.15m-13.69 15c-6.11 22.78-48.65 57.31-87.52 79.64c-67.81 39-113.62 41.52-119.16 32c-1.46-2.51-.65-7.24 2.22-13a80 80 0 0 1 10.28-15.05a95.5 95.5 0 0 0 6.23 14.18a4 4 0 0 0 4 2.12a122 122 0 0 0 16.95-3.32c21.23-5.55 46.63-16.48 71.52-30.78s47-30.66 62.45-46.15a123 123 0 0 0 11.31-12.87a4 4 0 0 0 .17-4.52a96 96 0 0 0-9.1-12.46c14.21-2.35 27.37-2.17 30.5 3.24c.92 1.57.97 3.92.15 6.98Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M245.11 60.68c-7.65-13.19-27.85-16.16-58.5-8.66a96 96 0 0 0-153.8 88.28C5.09 169 5.49 186 10.9 195.32C16 204.16 26.64 208 40.64 208a124 124 0 0 0 28.79-4a96 96 0 0 0 153.78-88.25c12.51-13 20.83-25.35 23.66-35.92c1.96-7.32 1.37-13.76-1.76-19.15m-13.69 15c-6.11 22.78-48.65 57.31-87.52 79.64c-67.81 39-113.62 41.52-119.16 32c-1.46-2.51-.65-7.24 2.22-13a80 80 0 0 1 10.28-15.05a95.5 95.5 0 0 0 6.23 14.18a4 4 0 0 0 4 2.12a122 122 0 0 0 16.95-3.32c21.23-5.55 46.63-16.48 71.52-30.78s47-30.66 62.45-46.15a123 123 0 0 0 11.31-12.87a4 4 0 0 0 .17-4.52a96 96 0 0 0-9.1-12.46c14.21-2.35 27.37-2.17 30.5 3.24c.92 1.57.97 3.92.15 6.98Z"/></svg>
</template>

CSS

.icon-planet-fill {
  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%22M245.11%2060.68c-7.65-13.19-27.85-16.16-58.5-8.66a96%2096%200%200%200-153.8%2088.28C5.09%20169%205.49%20186%2010.9%20195.32C16%20204.16%2026.64%20208%2040.64%20208a124%20124%200%200%200%2028.79-4a96%2096%200%200%200%20153.78-88.25c12.51-13%2020.83-25.35%2023.66-35.92c1.96-7.32%201.37-13.76-1.76-19.15m-13.69%2015c-6.11%2022.78-48.65%2057.31-87.52%2079.64c-67.81%2039-113.62%2041.52-119.16%2032c-1.46-2.51-.65-7.24%202.22-13a80%2080%200%200%201%2010.28-15.05a95.5%2095.5%200%200%200%206.23%2014.18a4%204%200%200%200%204%202.12a122%20122%200%200%200%2016.95-3.32c21.23-5.55%2046.63-16.48%2071.52-30.78s47-30.66%2062.45-46.15a123%20123%200%200%200%2011.31-12.87a4%204%200%200%200%20.17-4.52a96%2096%200%200%200-9.1-12.46c14.21-2.35%2027.37-2.17%2030.5%203.24c.92%201.57.97%203.92.15%206.98Z%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%22M245.11%2060.68c-7.65-13.19-27.85-16.16-58.5-8.66a96%2096%200%200%200-153.8%2088.28C5.09%20169%205.49%20186%2010.9%20195.32C16%20204.16%2026.64%20208%2040.64%20208a124%20124%200%200%200%2028.79-4a96%2096%200%200%200%20153.78-88.25c12.51-13%2020.83-25.35%2023.66-35.92c1.96-7.32%201.37-13.76-1.76-19.15m-13.69%2015c-6.11%2022.78-48.65%2057.31-87.52%2079.64c-67.81%2039-113.62%2041.52-119.16%2032c-1.46-2.51-.65-7.24%202.22-13a80%2080%200%200%201%2010.28-15.05a95.5%2095.5%200%200%200%206.23%2014.18a4%204%200%200%200%204%202.12a122%20122%200%200%200%2016.95-3.32c21.23-5.55%2046.63-16.48%2071.52-30.78s47-30.66%2062.45-46.15a123%20123%200%200%200%2011.31-12.87a4%204%200%200%200%20.17-4.52a96%2096%200%200%200-9.1-12.46c14.21-2.35%2027.37-2.17%2030.5%203.24c.92%201.57.97%203.92.15%206.98Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/planet-fill.svg?color=%231a73e8&size=48