planet icon
planet-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- planet-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
7 other variants in Fluent UI System Icons
The same icon in other sets
Use the planet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 3a5 5 0 0 0-4.995 5.231l-.173.013c-.361.017-.563-.037-.66-.085l-.012-.007A.6.6 0 0 1 2 8.04V8q0-.479.073-.937c-.437.128-.812.434-.979.773c-.103.21-.116.408-.049.586c.07.18.25.415.68.631c.608.307 1.562.24 2.724-.107c1.131-.337 2.326-.895 3.324-1.394c1.006-.502 2.267-1.093 3.488-1.456c1.19-.353 2.483-.535 3.464-.043c.586.294.987.69 1.168 1.17c.183.481.116.97-.088 1.382c-.372.751-1.227 1.327-2.144 1.39a6.002 6.002 0 0 1-10.727 1.22a8 8 0 0 0 1.134-.126a5 5 0 0 0 8.927-3.321q.09-.009.172-.013c.274-.013.457.014.57.05q.054.019.104.045l-.003.003h.008c.07.036.128.079.154.11V8q0 .478-.073.936c.436-.128.813-.434.981-.774c.104-.21.118-.408.05-.585c-.068-.18-.25-.413-.682-.63c-.61-.306-1.566-.238-2.73.108c-1.133.336-2.329.894-3.326 1.392c-1.006.502-2.266 1.094-3.485 1.458c-1.188.354-2.48.536-3.46.041C.69 9.651.291 9.254.11 8.776c-.182-.48-.116-.968.087-1.38c.37-.753 1.222-1.329 2.143-1.39a6.003 6.003 0 0 1 10.725-1.223a8 8 0 0 0-1.134.126A4.99 4.99 0 0 0 8 3"/></svg>
React
import type { SVGProps } from "react";
export function FluentPlanet16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 3a5 5 0 0 0-4.995 5.231l-.173.013c-.361.017-.563-.037-.66-.085l-.012-.007A.6.6 0 0 1 2 8.04V8q0-.479.073-.937c-.437.128-.812.434-.979.773c-.103.21-.116.408-.049.586c.07.18.25.415.68.631c.608.307 1.562.24 2.724-.107c1.131-.337 2.326-.895 3.324-1.394c1.006-.502 2.267-1.093 3.488-1.456c1.19-.353 2.483-.535 3.464-.043c.586.294.987.69 1.168 1.17c.183.481.116.97-.088 1.382c-.372.751-1.227 1.327-2.144 1.39a6.002 6.002 0 0 1-10.727 1.22a8 8 0 0 0 1.134-.126a5 5 0 0 0 8.927-3.321q.09-.009.172-.013c.274-.013.457.014.57.05q.054.019.104.045l-.003.003h.008c.07.036.128.079.154.11V8q0 .478-.073.936c.436-.128.813-.434.981-.774c.104-.21.118-.408.05-.585c-.068-.18-.25-.413-.682-.63c-.61-.306-1.566-.238-2.73.108c-1.133.336-2.329.894-3.326 1.392c-1.006.502-2.266 1.094-3.485 1.458c-1.188.354-2.48.536-3.46.041C.69 9.651.291 9.254.11 8.776c-.182-.48-.116-.968.087-1.38c.37-.753 1.222-1.329 2.143-1.39a6.003 6.003 0 0 1 10.725-1.223a8 8 0 0 0-1.134.126A4.99 4.99 0 0 0 8 3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8 3a5 5 0 0 0-4.995 5.231l-.173.013c-.361.017-.563-.037-.66-.085l-.012-.007A.6.6 0 0 1 2 8.04V8q0-.479.073-.937c-.437.128-.812.434-.979.773c-.103.21-.116.408-.049.586c.07.18.25.415.68.631c.608.307 1.562.24 2.724-.107c1.131-.337 2.326-.895 3.324-1.394c1.006-.502 2.267-1.093 3.488-1.456c1.19-.353 2.483-.535 3.464-.043c.586.294.987.69 1.168 1.17c.183.481.116.97-.088 1.382c-.372.751-1.227 1.327-2.144 1.39a6.002 6.002 0 0 1-10.727 1.22a8 8 0 0 0 1.134-.126a5 5 0 0 0 8.927-3.321q.09-.009.172-.013c.274-.013.457.014.57.05q.054.019.104.045l-.003.003h.008c.07.036.128.079.154.11V8q0 .478-.073.936c.436-.128.813-.434.981-.774c.104-.21.118-.408.05-.585c-.068-.18-.25-.413-.682-.63c-.61-.306-1.566-.238-2.73.108c-1.133.336-2.329.894-3.326 1.392c-1.006.502-2.266 1.094-3.485 1.458c-1.188.354-2.48.536-3.46.041C.69 9.651.291 9.254.11 8.776c-.182-.48-.116-.968.087-1.38c.37-.753 1.222-1.329 2.143-1.39a6.003 6.003 0 0 1 10.725-1.223a8 8 0 0 0-1.134.126A4.99 4.99 0 0 0 8 3"/></svg> </template>
CSS
.icon-planet-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%203a5%205%200%200%200-4.995%205.231l-.173.013c-.361.017-.563-.037-.66-.085l-.012-.007A.6.6%200%200%201%202%208.04V8q0-.479.073-.937c-.437.128-.812.434-.979.773c-.103.21-.116.408-.049.586c.07.18.25.415.68.631c.608.307%201.562.24%202.724-.107c1.131-.337%202.326-.895%203.324-1.394c1.006-.502%202.267-1.093%203.488-1.456c1.19-.353%202.483-.535%203.464-.043c.586.294.987.69%201.168%201.17c.183.481.116.97-.088%201.382c-.372.751-1.227%201.327-2.144%201.39a6.002%206.002%200%200%201-10.727%201.22a8%208%200%200%200%201.134-.126a5%205%200%200%200%208.927-3.321q.09-.009.172-.013c.274-.013.457.014.57.05q.054.019.104.045l-.003.003h.008c.07.036.128.079.154.11V8q0%20.478-.073.936c.436-.128.813-.434.981-.774c.104-.21.118-.408.05-.585c-.068-.18-.25-.413-.682-.63c-.61-.306-1.566-.238-2.73.108c-1.133.336-2.329.894-3.326%201.392c-1.006.502-2.266%201.094-3.485%201.458c-1.188.354-2.48.536-3.46.041C.69%209.651.291%209.254.11%208.776c-.182-.48-.116-.968.087-1.38c.37-.753%201.222-1.329%202.143-1.39a6.003%206.003%200%200%201%2010.725-1.223a8%208%200%200%200-1.134.126A4.99%204.99%200%200%200%208%203%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%203a5%205%200%200%200-4.995%205.231l-.173.013c-.361.017-.563-.037-.66-.085l-.012-.007A.6.6%200%200%201%202%208.04V8q0-.479.073-.937c-.437.128-.812.434-.979.773c-.103.21-.116.408-.049.586c.07.18.25.415.68.631c.608.307%201.562.24%202.724-.107c1.131-.337%202.326-.895%203.324-1.394c1.006-.502%202.267-1.093%203.488-1.456c1.19-.353%202.483-.535%203.464-.043c.586.294.987.69%201.168%201.17c.183.481.116.97-.088%201.382c-.372.751-1.227%201.327-2.144%201.39a6.002%206.002%200%200%201-10.727%201.22a8%208%200%200%200%201.134-.126a5%205%200%200%200%208.927-3.321q.09-.009.172-.013c.274-.013.457.014.57.05q.054.019.104.045l-.003.003h.008c.07.036.128.079.154.11V8q0%20.478-.073.936c.436-.128.813-.434.981-.774c.104-.21.118-.408.05-.585c-.068-.18-.25-.413-.682-.63c-.61-.306-1.566-.238-2.73.108c-1.133.336-2.329.894-3.326%201.392c-1.006.502-2.266%201.094-3.485%201.458c-1.188.354-2.48.536-3.46.041C.69%209.651.291%209.254.11%208.776c-.182-.48-.116-.968.087-1.38c.37-.753%201.222-1.329%202.143-1.39a6.003%206.003%200%200%201%2010.725-1.223a8%208%200%200%200-1.134.126A4.99%204.99%200%200%200%208%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/planet-16-regular.svg?color=%231a73e8&size=48
