globe alt icon
globe-alt-20-solid from HeroIcons by Refactoring UI Inc · Solid 20x20 · MIT Free for personal and commercial use.
- Name
- globe-alt-20-solid
- Set
- HeroIcons
- Style
- Solid 20x20
- Viewbox
- 20×20
- License
- MIT
3 other variants in HeroIcons
The same icon in other sets
Related icons in HeroIcons
Use the globe alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M16.555 5.412a8.03 8.03 0 0 0-3.503-2.81a14.9 14.9 0 0 1 1.663 4.472a8.6 8.6 0 0 0 1.84-1.662m-3.229 2.413a13.4 13.4 0 0 0-2.413-5.773a8 8 0 0 0-1.826 0a13.4 13.4 0 0 0-2.413 5.773A8.5 8.5 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675M6.514 9.376A10 10 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624q.014.31.014.624a13.5 13.5 0 0 1-.366 3.134A13.5 13.5 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.5 13.5 0 0 1-.352-3.758M5.285 7.074a14.9 14.9 0 0 1 1.663-4.471a8.03 8.03 0 0 0-3.503 2.81a8.6 8.6 0 0 0 1.84 1.66m12.049-.275a8 8 0 0 1 .614 4.115a13.5 13.5 0 0 1-3.178 1.72a15 15 0 0 0 .174-3.939a10 10 0 0 0 2.39-1.896m-14.668 0a10 10 0 0 0 2.39 1.896a15.2 15.2 0 0 0 .174 3.94a13.5 13.5 0 0 1-3.178-1.72a8 8 0 0 1 .615-4.115M10 15q1.349-.002 2.633-.23a13.5 13.5 0 0 1-1.72 3.178a8 8 0 0 1-1.826 0a13.5 13.5 0 0 1-1.72-3.178Q8.65 14.998 10 15m4.357-.643a15 15 0 0 1-1.305 3.04a8.03 8.03 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305m-7.409 3.04a8.03 8.03 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a15 15 0 0 0 1.305 3.04"/></svg>
React
import type { SVGProps } from "react";
export function HeroiconsGlobeAlt20Solid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M16.555 5.412a8.03 8.03 0 0 0-3.503-2.81a14.9 14.9 0 0 1 1.663 4.472a8.6 8.6 0 0 0 1.84-1.662m-3.229 2.413a13.4 13.4 0 0 0-2.413-5.773a8 8 0 0 0-1.826 0a13.4 13.4 0 0 0-2.413 5.773A8.5 8.5 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675M6.514 9.376A10 10 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624q.014.31.014.624a13.5 13.5 0 0 1-.366 3.134A13.5 13.5 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.5 13.5 0 0 1-.352-3.758M5.285 7.074a14.9 14.9 0 0 1 1.663-4.471a8.03 8.03 0 0 0-3.503 2.81a8.6 8.6 0 0 0 1.84 1.66m12.049-.275a8 8 0 0 1 .614 4.115a13.5 13.5 0 0 1-3.178 1.72a15 15 0 0 0 .174-3.939a10 10 0 0 0 2.39-1.896m-14.668 0a10 10 0 0 0 2.39 1.896a15.2 15.2 0 0 0 .174 3.94a13.5 13.5 0 0 1-3.178-1.72a8 8 0 0 1 .615-4.115M10 15q1.349-.002 2.633-.23a13.5 13.5 0 0 1-1.72 3.178a8 8 0 0 1-1.826 0a13.5 13.5 0 0 1-1.72-3.178Q8.65 14.998 10 15m4.357-.643a15 15 0 0 1-1.305 3.04a8.03 8.03 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305m-7.409 3.04a8.03 8.03 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a15 15 0 0 0 1.305 3.04"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M16.555 5.412a8.03 8.03 0 0 0-3.503-2.81a14.9 14.9 0 0 1 1.663 4.472a8.6 8.6 0 0 0 1.84-1.662m-3.229 2.413a13.4 13.4 0 0 0-2.413-5.773a8 8 0 0 0-1.826 0a13.4 13.4 0 0 0-2.413 5.773A8.5 8.5 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675M6.514 9.376A10 10 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624q.014.31.014.624a13.5 13.5 0 0 1-.366 3.134A13.5 13.5 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.5 13.5 0 0 1-.352-3.758M5.285 7.074a14.9 14.9 0 0 1 1.663-4.471a8.03 8.03 0 0 0-3.503 2.81a8.6 8.6 0 0 0 1.84 1.66m12.049-.275a8 8 0 0 1 .614 4.115a13.5 13.5 0 0 1-3.178 1.72a15 15 0 0 0 .174-3.939a10 10 0 0 0 2.39-1.896m-14.668 0a10 10 0 0 0 2.39 1.896a15.2 15.2 0 0 0 .174 3.94a13.5 13.5 0 0 1-3.178-1.72a8 8 0 0 1 .615-4.115M10 15q1.349-.002 2.633-.23a13.5 13.5 0 0 1-1.72 3.178a8 8 0 0 1-1.826 0a13.5 13.5 0 0 1-1.72-3.178Q8.65 14.998 10 15m4.357-.643a15 15 0 0 1-1.305 3.04a8.03 8.03 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305m-7.409 3.04a8.03 8.03 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a15 15 0 0 0 1.305 3.04"/></svg> </template>
CSS
.icon-globe-alt-20-solid {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.555%205.412a8.03%208.03%200%200%200-3.503-2.81a14.9%2014.9%200%200%201%201.663%204.472a8.6%208.6%200%200%200%201.84-1.662m-3.229%202.413a13.4%2013.4%200%200%200-2.413-5.773a8%208%200%200%200-1.826%200a13.4%2013.4%200%200%200-2.413%205.773A8.5%208.5%200%200%200%2010%208.5c1.18%200%202.304-.24%203.326-.675M6.514%209.376A10%2010%200%200%200%2010%2010c1.226%200%202.4-.22%203.486-.624q.014.31.014.624a13.5%2013.5%200%200%201-.366%203.134A13.5%2013.5%200%200%201%2010%2013.5c-1.079%200-2.128-.127-3.134-.366a13.5%2013.5%200%200%201-.352-3.758M5.285%207.074a14.9%2014.9%200%200%201%201.663-4.471a8.03%208.03%200%200%200-3.503%202.81a8.6%208.6%200%200%200%201.84%201.66m12.049-.275a8%208%200%200%201%20.614%204.115a13.5%2013.5%200%200%201-3.178%201.72a15%2015%200%200%200%20.174-3.939a10%2010%200%200%200%202.39-1.896m-14.668%200a10%2010%200%200%200%202.39%201.896a15.2%2015.2%200%200%200%20.174%203.94a13.5%2013.5%200%200%201-3.178-1.72a8%208%200%200%201%20.615-4.115M10%2015q1.349-.002%202.633-.23a13.5%2013.5%200%200%201-1.72%203.178a8%208%200%200%201-1.826%200a13.5%2013.5%200%200%201-1.72-3.178Q8.65%2014.998%2010%2015m4.357-.643a15%2015%200%200%201-1.305%203.04a8.03%208.03%200%200%200%204.345-4.345c-.953.542-1.971.981-3.04%201.305m-7.409%203.04a8.03%208.03%200%200%201-4.345-4.345c.953.542%201.971.981%203.04%201.305a15%2015%200%200%200%201.305%203.04%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.555%205.412a8.03%208.03%200%200%200-3.503-2.81a14.9%2014.9%200%200%201%201.663%204.472a8.6%208.6%200%200%200%201.84-1.662m-3.229%202.413a13.4%2013.4%200%200%200-2.413-5.773a8%208%200%200%200-1.826%200a13.4%2013.4%200%200%200-2.413%205.773A8.5%208.5%200%200%200%2010%208.5c1.18%200%202.304-.24%203.326-.675M6.514%209.376A10%2010%200%200%200%2010%2010c1.226%200%202.4-.22%203.486-.624q.014.31.014.624a13.5%2013.5%200%200%201-.366%203.134A13.5%2013.5%200%200%201%2010%2013.5c-1.079%200-2.128-.127-3.134-.366a13.5%2013.5%200%200%201-.352-3.758M5.285%207.074a14.9%2014.9%200%200%201%201.663-4.471a8.03%208.03%200%200%200-3.503%202.81a8.6%208.6%200%200%200%201.84%201.66m12.049-.275a8%208%200%200%201%20.614%204.115a13.5%2013.5%200%200%201-3.178%201.72a15%2015%200%200%200%20.174-3.939a10%2010%200%200%200%202.39-1.896m-14.668%200a10%2010%200%200%200%202.39%201.896a15.2%2015.2%200%200%200%20.174%203.94a13.5%2013.5%200%200%201-3.178-1.72a8%208%200%200%201%20.615-4.115M10%2015q1.349-.002%202.633-.23a13.5%2013.5%200%200%201-1.72%203.178a8%208%200%200%201-1.826%200a13.5%2013.5%200%200%201-1.72-3.178Q8.65%2014.998%2010%2015m4.357-.643a15%2015%200%200%201-1.305%203.04a8.03%208.03%200%200%200%204.345-4.345c-.953.542-1.971.981-3.04%201.305m-7.409%203.04a8.03%208.03%200%200%201-4.345-4.345c.953.542%201.971.981%203.04%201.305a15%2015%200%200%200%201.305%203.04%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/globe-alt-20-solid.svg?color=%231a73e8&size=48
