globe x icon
globe-x-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- globe-x-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the globe x icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 0 0 0 204a6 6 0 0 0 3.76-10.67c-.1-.07-9.6-7.84-18.95-22.95A124 124 0 0 1 99.35 166H128a6 6 0 0 0 0-12H96.45a139.2 139.2 0 0 1 0-52h63.1a137.5 137.5 0 0 1 2.45 26a6 6 0 0 0 12 0a153 153 0 0 0-2.19-26h42.36a89.7 89.7 0 0 1 3.83 26a6 6 0 0 0 12 0A102.12 102.12 0 0 0 128 26m-15.46 13.33A132.6 132.6 0 0 0 86.81 90H46.43a90.29 90.29 0 0 1 66.11-50.67m0 177.34A90.29 90.29 0 0 1 46.43 166h40.38a132.6 132.6 0 0 0 25.73 50.67M84.19 154H41.83a90.17 90.17 0 0 1 0-52h42.36a155.4 155.4 0 0 0 0 52m15.16-64a124 124 0 0 1 13.46-30.37A109.2 109.2 0 0 1 128 40.18a109.2 109.2 0 0 1 15.19 19.45A124 124 0 0 1 156.65 90Zm69.84 0a132.6 132.6 0 0 0-25.73-50.67A90.29 90.29 0 0 1 209.57 90Zm51.05 82.24L200.49 192l19.75 19.76a6 6 0 1 1-8.48 8.48L192 200.49l-19.76 19.75a6 6 0 0 1-8.48-8.48L183.51 192l-19.75-19.76a6 6 0 0 1 8.48-8.48L192 183.51l19.76-19.75a6 6 0 0 1 8.48 8.48"/></svg>
React
import type { SVGProps } from "react";
export function PhGlobeXLight(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="M128 26a102 102 0 0 0 0 204a6 6 0 0 0 3.76-10.67c-.1-.07-9.6-7.84-18.95-22.95A124 124 0 0 1 99.35 166H128a6 6 0 0 0 0-12H96.45a139.2 139.2 0 0 1 0-52h63.1a137.5 137.5 0 0 1 2.45 26a6 6 0 0 0 12 0a153 153 0 0 0-2.19-26h42.36a89.7 89.7 0 0 1 3.83 26a6 6 0 0 0 12 0A102.12 102.12 0 0 0 128 26m-15.46 13.33A132.6 132.6 0 0 0 86.81 90H46.43a90.29 90.29 0 0 1 66.11-50.67m0 177.34A90.29 90.29 0 0 1 46.43 166h40.38a132.6 132.6 0 0 0 25.73 50.67M84.19 154H41.83a90.17 90.17 0 0 1 0-52h42.36a155.4 155.4 0 0 0 0 52m15.16-64a124 124 0 0 1 13.46-30.37A109.2 109.2 0 0 1 128 40.18a109.2 109.2 0 0 1 15.19 19.45A124 124 0 0 1 156.65 90Zm69.84 0a132.6 132.6 0 0 0-25.73-50.67A90.29 90.29 0 0 1 209.57 90Zm51.05 82.24L200.49 192l19.75 19.76a6 6 0 1 1-8.48 8.48L192 200.49l-19.76 19.75a6 6 0 0 1-8.48-8.48L183.51 192l-19.75-19.76a6 6 0 0 1 8.48-8.48L192 183.51l19.76-19.75a6 6 0 0 1 8.48 8.48"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 0 0 0 204a6 6 0 0 0 3.76-10.67c-.1-.07-9.6-7.84-18.95-22.95A124 124 0 0 1 99.35 166H128a6 6 0 0 0 0-12H96.45a139.2 139.2 0 0 1 0-52h63.1a137.5 137.5 0 0 1 2.45 26a6 6 0 0 0 12 0a153 153 0 0 0-2.19-26h42.36a89.7 89.7 0 0 1 3.83 26a6 6 0 0 0 12 0A102.12 102.12 0 0 0 128 26m-15.46 13.33A132.6 132.6 0 0 0 86.81 90H46.43a90.29 90.29 0 0 1 66.11-50.67m0 177.34A90.29 90.29 0 0 1 46.43 166h40.38a132.6 132.6 0 0 0 25.73 50.67M84.19 154H41.83a90.17 90.17 0 0 1 0-52h42.36a155.4 155.4 0 0 0 0 52m15.16-64a124 124 0 0 1 13.46-30.37A109.2 109.2 0 0 1 128 40.18a109.2 109.2 0 0 1 15.19 19.45A124 124 0 0 1 156.65 90Zm69.84 0a132.6 132.6 0 0 0-25.73-50.67A90.29 90.29 0 0 1 209.57 90Zm51.05 82.24L200.49 192l19.75 19.76a6 6 0 1 1-8.48 8.48L192 200.49l-19.76 19.75a6 6 0 0 1-8.48-8.48L183.51 192l-19.75-19.76a6 6 0 0 1 8.48-8.48L192 183.51l19.76-19.75a6 6 0 0 1 8.48 8.48"/></svg> </template>
CSS
.icon-globe-x-light {
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%22M128%2026a102%20102%200%200%200%200%20204a6%206%200%200%200%203.76-10.67c-.1-.07-9.6-7.84-18.95-22.95A124%20124%200%200%201%2099.35%20166H128a6%206%200%200%200%200-12H96.45a139.2%20139.2%200%200%201%200-52h63.1a137.5%20137.5%200%200%201%202.45%2026a6%206%200%200%200%2012%200a153%20153%200%200%200-2.19-26h42.36a89.7%2089.7%200%200%201%203.83%2026a6%206%200%200%200%2012%200A102.12%20102.12%200%200%200%20128%2026m-15.46%2013.33A132.6%20132.6%200%200%200%2086.81%2090H46.43a90.29%2090.29%200%200%201%2066.11-50.67m0%20177.34A90.29%2090.29%200%200%201%2046.43%20166h40.38a132.6%20132.6%200%200%200%2025.73%2050.67M84.19%20154H41.83a90.17%2090.17%200%200%201%200-52h42.36a155.4%20155.4%200%200%200%200%2052m15.16-64a124%20124%200%200%201%2013.46-30.37A109.2%20109.2%200%200%201%20128%2040.18a109.2%20109.2%200%200%201%2015.19%2019.45A124%20124%200%200%201%20156.65%2090Zm69.84%200a132.6%20132.6%200%200%200-25.73-50.67A90.29%2090.29%200%200%201%20209.57%2090Zm51.05%2082.24L200.49%20192l19.75%2019.76a6%206%200%201%201-8.48%208.48L192%20200.49l-19.76%2019.75a6%206%200%200%201-8.48-8.48L183.51%20192l-19.75-19.76a6%206%200%200%201%208.48-8.48L192%20183.51l19.76-19.75a6%206%200%200%201%208.48%208.48%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%22M128%2026a102%20102%200%200%200%200%20204a6%206%200%200%200%203.76-10.67c-.1-.07-9.6-7.84-18.95-22.95A124%20124%200%200%201%2099.35%20166H128a6%206%200%200%200%200-12H96.45a139.2%20139.2%200%200%201%200-52h63.1a137.5%20137.5%200%200%201%202.45%2026a6%206%200%200%200%2012%200a153%20153%200%200%200-2.19-26h42.36a89.7%2089.7%200%200%201%203.83%2026a6%206%200%200%200%2012%200A102.12%20102.12%200%200%200%20128%2026m-15.46%2013.33A132.6%20132.6%200%200%200%2086.81%2090H46.43a90.29%2090.29%200%200%201%2066.11-50.67m0%20177.34A90.29%2090.29%200%200%201%2046.43%20166h40.38a132.6%20132.6%200%200%200%2025.73%2050.67M84.19%20154H41.83a90.17%2090.17%200%200%201%200-52h42.36a155.4%20155.4%200%200%200%200%2052m15.16-64a124%20124%200%200%201%2013.46-30.37A109.2%20109.2%200%200%201%20128%2040.18a109.2%20109.2%200%200%201%2015.19%2019.45A124%20124%200%200%201%20156.65%2090Zm69.84%200a132.6%20132.6%200%200%200-25.73-50.67A90.29%2090.29%200%200%201%20209.57%2090Zm51.05%2082.24L200.49%20192l19.75%2019.76a6%206%200%201%201-8.48%208.48L192%20200.49l-19.76%2019.75a6%206%200%200%201-8.48-8.48L183.51%20192l-19.75-19.76a6%206%200%200%201%208.48-8.48L192%20183.51l19.76-19.75a6%206%200%200%201%208.48%208.48%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/globe-x-light.svg?color=%231a73e8&size=48
