globe simple x icon
globe-simple-x-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- globe-simple-x-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the globe simple x icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96" opacity=".2"/><path d="M221.66 173.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.32M232 128a8 8 0 0 1-8 8H96.25c3 53.73 35.33 80.6 36.77 81.77A8 8 0 0 1 128 232a104 104 0 1 1 104-104m-83.59-85.6C159.94 57.67 174 83.49 175.79 120h39.84a88.19 88.19 0 0 0-67.22-77.6M128 43c-9.54 9.92-29.46 35.42-31.77 77h63.54c-2.31-41.6-22.22-67.1-31.77-77m-87.63 77h39.84C82 83.49 96.06 57.67 107.59 42.4A88.19 88.19 0 0 0 40.37 120m39.84 16H40.37a88.19 88.19 0 0 0 67.22 77.6C96.06 198.33 82 172.51 80.21 136"/></g></svg>
React
import type { SVGProps } from "react";
export function PhGlobeSimpleXDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96" opacity=".2"/><path d="M221.66 173.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.32M232 128a8 8 0 0 1-8 8H96.25c3 53.73 35.33 80.6 36.77 81.77A8 8 0 0 1 128 232a104 104 0 1 1 104-104m-83.59-85.6C159.94 57.67 174 83.49 175.79 120h39.84a88.19 88.19 0 0 0-67.22-77.6M128 43c-9.54 9.92-29.46 35.42-31.77 77h63.54c-2.31-41.6-22.22-67.1-31.77-77m-87.63 77h39.84C82 83.49 96.06 57.67 107.59 42.4A88.19 88.19 0 0 0 40.37 120m39.84 16H40.37a88.19 88.19 0 0 0 67.22 77.6C96.06 198.33 82 172.51 80.21 136"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M224 128a96 96 0 1 1-96-96a96 96 0 0 1 96 96" opacity=".2"/><path d="M221.66 173.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.32M232 128a8 8 0 0 1-8 8H96.25c3 53.73 35.33 80.6 36.77 81.77A8 8 0 0 1 128 232a104 104 0 1 1 104-104m-83.59-85.6C159.94 57.67 174 83.49 175.79 120h39.84a88.19 88.19 0 0 0-67.22-77.6M128 43c-9.54 9.92-29.46 35.42-31.77 77h63.54c-2.31-41.6-22.22-67.1-31.77-77m-87.63 77h39.84C82 83.49 96.06 57.67 107.59 42.4A88.19 88.19 0 0 0 40.37 120m39.84 16H40.37a88.19 88.19 0 0 0 67.22 77.6C96.06 198.33 82 172.51 80.21 136"/></g></svg> </template>
CSS
.icon-globe-simple-x-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%20128a96%2096%200%201%201-96-96a96%2096%200%200%201%2096%2096%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M221.66%20173.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.32M232%20128a8%208%200%200%201-8%208H96.25c3%2053.73%2035.33%2080.6%2036.77%2081.77A8%208%200%200%201%20128%20232a104%20104%200%201%201%20104-104m-83.59-85.6C159.94%2057.67%20174%2083.49%20175.79%20120h39.84a88.19%2088.19%200%200%200-67.22-77.6M128%2043c-9.54%209.92-29.46%2035.42-31.77%2077h63.54c-2.31-41.6-22.22-67.1-31.77-77m-87.63%2077h39.84C82%2083.49%2096.06%2057.67%20107.59%2042.4A88.19%2088.19%200%200%200%2040.37%20120m39.84%2016H40.37a88.19%2088.19%200%200%200%2067.22%2077.6C96.06%20198.33%2082%20172.51%2080.21%20136%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M224%20128a96%2096%200%201%201-96-96a96%2096%200%200%201%2096%2096%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M221.66%20173.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.32M232%20128a8%208%200%200%201-8%208H96.25c3%2053.73%2035.33%2080.6%2036.77%2081.77A8%208%200%200%201%20128%20232a104%20104%200%201%201%20104-104m-83.59-85.6C159.94%2057.67%20174%2083.49%20175.79%20120h39.84a88.19%2088.19%200%200%200-67.22-77.6M128%2043c-9.54%209.92-29.46%2035.42-31.77%2077h63.54c-2.31-41.6-22.22-67.1-31.77-77m-87.63%2077h39.84C82%2083.49%2096.06%2057.67%20107.59%2042.4A88.19%2088.19%200%200%200%2040.37%20120m39.84%2016H40.37a88.19%2088.19%200%200%200%2067.22%2077.6C96.06%20198.33%2082%20172.51%2080.21%20136%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/globe-simple-x-duotone.svg?color=%231a73e8&size=48
