globe icon
globe from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- globe
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
The same icon in other sets
globeAkar IconsglobeBoxIcons v2globeCarbonglobeCodiconsglobe-fillEva IconsglobeFramework7 IconsglobeFont Awesome 6 SolidglobeFont Awesome SolidglobeFeather Iconsglobe-outlineFlowbite Iconsglobe-12-filledFluent UI System Iconsglobe-20Fluent UI System Color Iconsglobecss.ggglobeHealth IconsglobeHuge IconsglobeHumbleiconsglobeIconParkglobeIconPark OutlineglobeIconPark SolidglobeIconPark TwoToneglobeIconoirglobeIonIconsglobeLine AwesomeglobeLucide
Related icons in Bootstrap Icons
Use the globe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539a7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539a7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/></svg>
React
import type { SVGProps } from "react";
export function BiGlobe(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539a7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539a7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539a7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539a7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z"/></svg> </template>
CSS
.icon-globe {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%208a8%208%200%201%201%2016%200A8%208%200%200%201%200%208m7.5-6.923c-.67.204-1.335.82-1.887%201.855A8%208%200%200%200%205.145%204H7.5zM4.09%204a9.3%209.3%200%200%201%20.64-1.539a7%207%200%200%201%20.597-.933A7.03%207.03%200%200%200%202.255%204zm-.582%203.5c.03-.877.138-1.718.312-2.5H1.674a7%207%200%200%200-.656%202.5zM4.847%205a12.5%2012.5%200%200%200-.338%202.5H7.5V5zM8.5%205v2.5h2.99a12.5%2012.5%200%200%200-.337-2.5zM4.51%208.5a12.5%2012.5%200%200%200%20.337%202.5H7.5V8.5zm3.99%200V11h2.653c.187-.765.306-1.608.338-2.5zM5.145%2012q.208.58.468%201.068c.552%201.035%201.218%201.65%201.887%201.855V12zm.182%202.472a7%207%200%200%201-.597-.933A9.3%209.3%200%200%201%204.09%2012H2.255a7%207%200%200%200%203.072%202.472M3.82%2011a13.7%2013.7%200%200%201-.312-2.5h-2.49c.062.89.291%201.733.656%202.5zm6.853%203.472A7%207%200%200%200%2013.745%2012H11.91a9.3%209.3%200%200%201-.64%201.539a7%207%200%200%201-.597.933M8.5%2012v2.923c.67-.204%201.335-.82%201.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7%2013.7%200%200%201-.312%202.5m2.802-3.5a7%207%200%200%200-.656-2.5H12.18c.174.782.282%201.623.312%202.5zM11.27%202.461c.247.464.462.98.64%201.539h1.835a7%207%200%200%200-3.072-2.472c.218.284.418.598.597.933M10.855%204a8%208%200%200%200-.468-1.068C9.835%201.897%209.17%201.282%208.5%201.077V4z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%208a8%208%200%201%201%2016%200A8%208%200%200%201%200%208m7.5-6.923c-.67.204-1.335.82-1.887%201.855A8%208%200%200%200%205.145%204H7.5zM4.09%204a9.3%209.3%200%200%201%20.64-1.539a7%207%200%200%201%20.597-.933A7.03%207.03%200%200%200%202.255%204zm-.582%203.5c.03-.877.138-1.718.312-2.5H1.674a7%207%200%200%200-.656%202.5zM4.847%205a12.5%2012.5%200%200%200-.338%202.5H7.5V5zM8.5%205v2.5h2.99a12.5%2012.5%200%200%200-.337-2.5zM4.51%208.5a12.5%2012.5%200%200%200%20.337%202.5H7.5V8.5zm3.99%200V11h2.653c.187-.765.306-1.608.338-2.5zM5.145%2012q.208.58.468%201.068c.552%201.035%201.218%201.65%201.887%201.855V12zm.182%202.472a7%207%200%200%201-.597-.933A9.3%209.3%200%200%201%204.09%2012H2.255a7%207%200%200%200%203.072%202.472M3.82%2011a13.7%2013.7%200%200%201-.312-2.5h-2.49c.062.89.291%201.733.656%202.5zm6.853%203.472A7%207%200%200%200%2013.745%2012H11.91a9.3%209.3%200%200%201-.64%201.539a7%207%200%200%201-.597.933M8.5%2012v2.923c.67-.204%201.335-.82%201.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7%2013.7%200%200%201-.312%202.5m2.802-3.5a7%207%200%200%200-.656-2.5H12.18c.174.782.282%201.623.312%202.5zM11.27%202.461c.247.464.462.98.64%201.539h1.835a7%207%200%200%200-3.072-2.472c.218.284.418.598.597.933M10.855%204a8%208%200%200%200-.468-1.068C9.835%201.897%209.17%201.282%208.5%201.077V4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/globe.svg?color=%231a73e8&size=48
