globe x icon
globe-x from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- globe-x
- Set
- Phosphor
- Style
- Regular
- 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 24a104 104 0 0 0 0 208a8 8 0 0 0 5-14.23c-1.12-.91-20.88-17.32-31.06-49.77h26a8 8 0 0 0 0-16H98.08a140.2 140.2 0 0 1 0-48h59.88a138 138 0 0 1 2.04 24a8 8 0 0 0 16 0a155 155 0 0 0-1.84-24h38.51a87.6 87.6 0 0 1 3.33 24a8 8 0 0 0 16 0A104.11 104.11 0 0 0 128 24m-20.41 18.4A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6m0 171.2a88.29 88.29 0 0 1-58-45.6h35.7a135.3 135.3 0 0 0 22.3 45.6M81.84 152H43.33a88.15 88.15 0 0 1 0-48h38.51a157.4 157.4 0 0 0 0 48M102 88a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45Zm68.75 0a135.3 135.3 0 0 0-22.3-45.6a88.29 88.29 0 0 1 58 45.6Zm50.95 85.66L203.31 192l18.35 18.34a8 8 0 0 1-11.32 11.32L192 203.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L180.69 192l-18.35-18.34a8 8 0 0 1 11.32-11.32L192 180.69l18.34-18.35a8 8 0 0 1 11.32 11.32Z"/></svg>
React
import type { SVGProps } from "react";
export function PhGlobeX(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 24a104 104 0 0 0 0 208a8 8 0 0 0 5-14.23c-1.12-.91-20.88-17.32-31.06-49.77h26a8 8 0 0 0 0-16H98.08a140.2 140.2 0 0 1 0-48h59.88a138 138 0 0 1 2.04 24a8 8 0 0 0 16 0a155 155 0 0 0-1.84-24h38.51a87.6 87.6 0 0 1 3.33 24a8 8 0 0 0 16 0A104.11 104.11 0 0 0 128 24m-20.41 18.4A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6m0 171.2a88.29 88.29 0 0 1-58-45.6h35.7a135.3 135.3 0 0 0 22.3 45.6M81.84 152H43.33a88.15 88.15 0 0 1 0-48h38.51a157.4 157.4 0 0 0 0 48M102 88a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45Zm68.75 0a135.3 135.3 0 0 0-22.3-45.6a88.29 88.29 0 0 1 58 45.6Zm50.95 85.66L203.31 192l18.35 18.34a8 8 0 0 1-11.32 11.32L192 203.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L180.69 192l-18.35-18.34a8 8 0 0 1 11.32-11.32L192 180.69l18.34-18.35a8 8 0 0 1 11.32 11.32Z"/></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 24a104 104 0 0 0 0 208a8 8 0 0 0 5-14.23c-1.12-.91-20.88-17.32-31.06-49.77h26a8 8 0 0 0 0-16H98.08a140.2 140.2 0 0 1 0-48h59.88a138 138 0 0 1 2.04 24a8 8 0 0 0 16 0a155 155 0 0 0-1.84-24h38.51a87.6 87.6 0 0 1 3.33 24a8 8 0 0 0 16 0A104.11 104.11 0 0 0 128 24m-20.41 18.4A135.3 135.3 0 0 0 85.29 88H49.63a88.29 88.29 0 0 1 57.96-45.6m0 171.2a88.29 88.29 0 0 1-58-45.6h35.7a135.3 135.3 0 0 0 22.3 45.6M81.84 152H43.33a88.15 88.15 0 0 1 0-48h38.51a157.4 157.4 0 0 0 0 48M102 88a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45Zm68.75 0a135.3 135.3 0 0 0-22.3-45.6a88.29 88.29 0 0 1 58 45.6Zm50.95 85.66L203.31 192l18.35 18.34a8 8 0 0 1-11.32 11.32L192 203.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L180.69 192l-18.35-18.34a8 8 0 0 1 11.32-11.32L192 180.69l18.34-18.35a8 8 0 0 1 11.32 11.32Z"/></svg> </template>
CSS
.icon-globe-x {
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%2024a104%20104%200%200%200%200%20208a8%208%200%200%200%205-14.23c-1.12-.91-20.88-17.32-31.06-49.77h26a8%208%200%200%200%200-16H98.08a140.2%20140.2%200%200%201%200-48h59.88a138%20138%200%200%201%202.04%2024a8%208%200%200%200%2016%200a155%20155%200%200%200-1.84-24h38.51a87.6%2087.6%200%200%201%203.33%2024a8%208%200%200%200%2016%200A104.11%20104.11%200%200%200%20128%2024m-20.41%2018.4A135.3%20135.3%200%200%200%2085.29%2088H49.63a88.29%2088.29%200%200%201%2057.96-45.6m0%20171.2a88.29%2088.29%200%200%201-58-45.6h35.7a135.3%20135.3%200%200%200%2022.3%2045.6M81.84%20152H43.33a88.15%2088.15%200%200%201%200-48h38.51a157.4%20157.4%200%200%200%200%2048M102%2088a115.1%20115.1%200%200%201%2026-45a115.3%20115.3%200%200%201%2026%2045Zm68.75%200a135.3%20135.3%200%200%200-22.3-45.6a88.29%2088.29%200%200%201%2058%2045.6Zm50.95%2085.66L203.31%20192l18.35%2018.34a8%208%200%200%201-11.32%2011.32L192%20203.31l-18.34%2018.35a8%208%200%200%201-11.32-11.32L180.69%20192l-18.35-18.34a8%208%200%200%201%2011.32-11.32L192%20180.69l18.34-18.35a8%208%200%200%201%2011.32%2011.32Z%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%2024a104%20104%200%200%200%200%20208a8%208%200%200%200%205-14.23c-1.12-.91-20.88-17.32-31.06-49.77h26a8%208%200%200%200%200-16H98.08a140.2%20140.2%200%200%201%200-48h59.88a138%20138%200%200%201%202.04%2024a8%208%200%200%200%2016%200a155%20155%200%200%200-1.84-24h38.51a87.6%2087.6%200%200%201%203.33%2024a8%208%200%200%200%2016%200A104.11%20104.11%200%200%200%20128%2024m-20.41%2018.4A135.3%20135.3%200%200%200%2085.29%2088H49.63a88.29%2088.29%200%200%201%2057.96-45.6m0%20171.2a88.29%2088.29%200%200%201-58-45.6h35.7a135.3%20135.3%200%200%200%2022.3%2045.6M81.84%20152H43.33a88.15%2088.15%200%200%201%200-48h38.51a157.4%20157.4%200%200%200%200%2048M102%2088a115.1%20115.1%200%200%201%2026-45a115.3%20115.3%200%200%201%2026%2045Zm68.75%200a135.3%20135.3%200%200%200-22.3-45.6a88.29%2088.29%200%200%201%2058%2045.6Zm50.95%2085.66L203.31%20192l18.35%2018.34a8%208%200%200%201-11.32%2011.32L192%20203.31l-18.34%2018.35a8%208%200%200%201-11.32-11.32L180.69%20192l-18.35-18.34a8%208%200%200%201%2011.32-11.32L192%20180.69l18.34-18.35a8%208%200%200%201%2011.32%2011.32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/globe-x.svg?color=%231a73e8&size=48
