globe hemisphere east icon
globe-hemisphere-east-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- globe-hemisphere-east-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the globe hemisphere east icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m0 24a83.57 83.57 0 0 1 44 12.48v16L151.79 96l-28.47 3.85l-18.7-12.25a20 20 0 0 0-28.07 5.28l-20.94 31.3a19.9 19.9 0 0 0-3.38 11l-.16 28.69A84 84 0 0 1 128 44M68.41 187.14A20 20 0 0 0 76 171.55l.2-35l18.07-27l16.62 10.88a19.92 19.92 0 0 0 14.14 3.42l31.47-4.26a20 20 0 0 0 12.5-6.8L191.16 87a20.15 20.15 0 0 0 4.39-8.9a83.78 83.78 0 0 1 14.12 69.48l-11.34-10.37a20.08 20.08 0 0 0-21.17-3.71l-30.45 12.66a20.1 20.1 0 0 0-12.11 15.55l-2.39 16.2a20 20 0 0 0 14.71 22.26l16 4.18a83.78 83.78 0 0 1-94.47-17.24Zm116.77 2.32l-1.63-1.63a20.05 20.05 0 0 0-9.08-5.22l-18-4.72l1.53-10.41l26-10.81l16 14.59a84.8 84.8 0 0 1-14.82 18.2"/></svg>
React
import type { SVGProps } from "react";
export function PhGlobeHemisphereEastBold(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 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m0 24a83.57 83.57 0 0 1 44 12.48v16L151.79 96l-28.47 3.85l-18.7-12.25a20 20 0 0 0-28.07 5.28l-20.94 31.3a19.9 19.9 0 0 0-3.38 11l-.16 28.69A84 84 0 0 1 128 44M68.41 187.14A20 20 0 0 0 76 171.55l.2-35l18.07-27l16.62 10.88a19.92 19.92 0 0 0 14.14 3.42l31.47-4.26a20 20 0 0 0 12.5-6.8L191.16 87a20.15 20.15 0 0 0 4.39-8.9a83.78 83.78 0 0 1 14.12 69.48l-11.34-10.37a20.08 20.08 0 0 0-21.17-3.71l-30.45 12.66a20.1 20.1 0 0 0-12.11 15.55l-2.39 16.2a20 20 0 0 0 14.71 22.26l16 4.18a83.78 83.78 0 0 1-94.47-17.24Zm116.77 2.32l-1.63-1.63a20.05 20.05 0 0 0-9.08-5.22l-18-4.72l1.53-10.41l26-10.81l16 14.59a84.8 84.8 0 0 1-14.82 18.2"/></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 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m0 24a83.57 83.57 0 0 1 44 12.48v16L151.79 96l-28.47 3.85l-18.7-12.25a20 20 0 0 0-28.07 5.28l-20.94 31.3a19.9 19.9 0 0 0-3.38 11l-.16 28.69A84 84 0 0 1 128 44M68.41 187.14A20 20 0 0 0 76 171.55l.2-35l18.07-27l16.62 10.88a19.92 19.92 0 0 0 14.14 3.42l31.47-4.26a20 20 0 0 0 12.5-6.8L191.16 87a20.15 20.15 0 0 0 4.39-8.9a83.78 83.78 0 0 1 14.12 69.48l-11.34-10.37a20.08 20.08 0 0 0-21.17-3.71l-30.45 12.66a20.1 20.1 0 0 0-12.11 15.55l-2.39 16.2a20 20 0 0 0 14.71 22.26l16 4.18a83.78 83.78 0 0 1-94.47-17.24Zm116.77 2.32l-1.63-1.63a20.05 20.05 0 0 0-9.08-5.22l-18-4.72l1.53-10.41l26-10.81l16 14.59a84.8 84.8 0 0 1-14.82 18.2"/></svg> </template>
CSS
.icon-globe-hemisphere-east-bold {
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%2020a108%20108%200%201%200%20108%20108A108.12%20108.12%200%200%200%20128%2020m0%2024a83.57%2083.57%200%200%201%2044%2012.48v16L151.79%2096l-28.47%203.85l-18.7-12.25a20%2020%200%200%200-28.07%205.28l-20.94%2031.3a19.9%2019.9%200%200%200-3.38%2011l-.16%2028.69A84%2084%200%200%201%20128%2044M68.41%20187.14A20%2020%200%200%200%2076%20171.55l.2-35l18.07-27l16.62%2010.88a19.92%2019.92%200%200%200%2014.14%203.42l31.47-4.26a20%2020%200%200%200%2012.5-6.8L191.16%2087a20.15%2020.15%200%200%200%204.39-8.9a83.78%2083.78%200%200%201%2014.12%2069.48l-11.34-10.37a20.08%2020.08%200%200%200-21.17-3.71l-30.45%2012.66a20.1%2020.1%200%200%200-12.11%2015.55l-2.39%2016.2a20%2020%200%200%200%2014.71%2022.26l16%204.18a83.78%2083.78%200%200%201-94.47-17.24Zm116.77%202.32l-1.63-1.63a20.05%2020.05%200%200%200-9.08-5.22l-18-4.72l1.53-10.41l26-10.81l16%2014.59a84.8%2084.8%200%200%201-14.82%2018.2%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%2020a108%20108%200%201%200%20108%20108A108.12%20108.12%200%200%200%20128%2020m0%2024a83.57%2083.57%200%200%201%2044%2012.48v16L151.79%2096l-28.47%203.85l-18.7-12.25a20%2020%200%200%200-28.07%205.28l-20.94%2031.3a19.9%2019.9%200%200%200-3.38%2011l-.16%2028.69A84%2084%200%200%201%20128%2044M68.41%20187.14A20%2020%200%200%200%2076%20171.55l.2-35l18.07-27l16.62%2010.88a19.92%2019.92%200%200%200%2014.14%203.42l31.47-4.26a20%2020%200%200%200%2012.5-6.8L191.16%2087a20.15%2020.15%200%200%200%204.39-8.9a83.78%2083.78%200%200%201%2014.12%2069.48l-11.34-10.37a20.08%2020.08%200%200%200-21.17-3.71l-30.45%2012.66a20.1%2020.1%200%200%200-12.11%2015.55l-2.39%2016.2a20%2020%200%200%200%2014.71%2022.26l16%204.18a83.78%2083.78%200%200%201-94.47-17.24Zm116.77%202.32l-1.63-1.63a20.05%2020.05%200%200%200-9.08-5.22l-18-4.72l1.53-10.41l26-10.81l16%2014.59a84.8%2084.8%200%200%201-14.82%2018.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/globe-hemisphere-east-bold.svg?color=%231a73e8&size=48
