globe icon
globe-linear from Solar by 480 Design · Linear · Map · CC-BY-4.0 Attribution required.
- Name
- globe-linear
- Set
- Solar
- Style
- Linear
- Category
- Map
- Viewbox
- 24×24
- License
- CC BY 4.0
- Aliases
- globus-linear
5 other variants in Solar
The same icon in other sets
globeAkar IconsglobeBootstrap 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 Awesome
More map icons from Solar
branching-paths-down-boldbranching-paths-up-boldcompass-big-boldcompass-boldcompass-square-boldglobal-boldgps-boldmap-arrow-down-boldmap-arrow-left-boldmap-arrow-right-boldmap-arrow-square-boldmap-arrow-up-boldmap-boldmap-point-add-boldmap-point-boldmap-point-favorite-boldmap-point-hospital-boldmap-point-remove-boldmap-point-rotate-boldmap-point-school-boldmap-point-search-boldmap-point-wave-boldpeople-nearby-boldpoint-on-map-bold
Use the globe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="10" r="7"/><path stroke-linecap="round" d="M4 16.5623C5.88838 18.6722 8.63263 20 11.687 20C17.3827 20 22 15.3827 22 9.68699C22 6.63263 20.6722 3.88838 18.5623 2"/><path d="M7 4.55263C7.58518 5.10525 8.79066 6.61576 8.93111 8.2368C9.06238 9.75203 10.0268 10.9832 11.5 10.9999C12.0662 11.0063 12.6388 10.5822 12.6373 9.99503C12.6368 9.81346 12.6079 9.62782 12.5627 9.45703C12.4998 9.21948 12.4942 8.94619 12.625 8.66662C13.0824 7.68861 13.982 7.42589 14.6949 6.89475C15.0111 6.65918 15.2995 6.41067 15.4266 6.2105C15.7777 5.65788 16.1289 4.55263 15.9533 4"/><path d="M19 11C18.7804 11.6207 18.625 13.25 16.1455 13.2759C16.1455 13.2759 13.9497 13.2759 13.291 14.5172C12.764 15.5103 13.0714 16.5862 13.291 17"/><path stroke-linecap="round" d="M12 22V20"/><path stroke-linecap="round" d="M12 22H10"/><path stroke-linecap="round" d="M14 22H12"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarGlobeLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><circle cx="12" cy="10" r="7"/><path strokeLinecap="round" d="M4 16.5623C5.88838 18.6722 8.63263 20 11.687 20C17.3827 20 22 15.3827 22 9.68699C22 6.63263 20.6722 3.88838 18.5623 2"/><path d="M7 4.55263C7.58518 5.10525 8.79066 6.61576 8.93111 8.2368C9.06238 9.75203 10.0268 10.9832 11.5 10.9999C12.0662 11.0063 12.6388 10.5822 12.6373 9.99503C12.6368 9.81346 12.6079 9.62782 12.5627 9.45703C12.4998 9.21948 12.4942 8.94619 12.625 8.66662C13.0824 7.68861 13.982 7.42589 14.6949 6.89475C15.0111 6.65918 15.2995 6.41067 15.4266 6.2105C15.7777 5.65788 16.1289 4.55263 15.9533 4"/><path d="M19 11C18.7804 11.6207 18.625 13.25 16.1455 13.2759C16.1455 13.2759 13.9497 13.2759 13.291 14.5172C12.764 15.5103 13.0714 16.5862 13.291 17"/><path strokeLinecap="round" d="M12 22V20"/><path strokeLinecap="round" d="M12 22H10"/><path strokeLinecap="round" d="M14 22H12"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="10" r="7"/><path stroke-linecap="round" d="M4 16.5623C5.88838 18.6722 8.63263 20 11.687 20C17.3827 20 22 15.3827 22 9.68699C22 6.63263 20.6722 3.88838 18.5623 2"/><path d="M7 4.55263C7.58518 5.10525 8.79066 6.61576 8.93111 8.2368C9.06238 9.75203 10.0268 10.9832 11.5 10.9999C12.0662 11.0063 12.6388 10.5822 12.6373 9.99503C12.6368 9.81346 12.6079 9.62782 12.5627 9.45703C12.4998 9.21948 12.4942 8.94619 12.625 8.66662C13.0824 7.68861 13.982 7.42589 14.6949 6.89475C15.0111 6.65918 15.2995 6.41067 15.4266 6.2105C15.7777 5.65788 16.1289 4.55263 15.9533 4"/><path d="M19 11C18.7804 11.6207 18.625 13.25 16.1455 13.2759C16.1455 13.2759 13.9497 13.2759 13.291 14.5172C12.764 15.5103 13.0714 16.5862 13.291 17"/><path stroke-linecap="round" d="M12 22V20"/><path stroke-linecap="round" d="M12 22H10"/><path stroke-linecap="round" d="M14 22H12"/></g></svg> </template>
CSS
.icon-globe-linear {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%227%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M4%2016.5623C5.88838%2018.6722%208.63263%2020%2011.687%2020C17.3827%2020%2022%2015.3827%2022%209.68699C22%206.63263%2020.6722%203.88838%2018.5623%202%22%2F%3E%3Cpath%20d%3D%22M7%204.55263C7.58518%205.10525%208.79066%206.61576%208.93111%208.2368C9.06238%209.75203%2010.0268%2010.9832%2011.5%2010.9999C12.0662%2011.0063%2012.6388%2010.5822%2012.6373%209.99503C12.6368%209.81346%2012.6079%209.62782%2012.5627%209.45703C12.4998%209.21948%2012.4942%208.94619%2012.625%208.66662C13.0824%207.68861%2013.982%207.42589%2014.6949%206.89475C15.0111%206.65918%2015.2995%206.41067%2015.4266%206.2105C15.7777%205.65788%2016.1289%204.55263%2015.9533%204%22%2F%3E%3Cpath%20d%3D%22M19%2011C18.7804%2011.6207%2018.625%2013.25%2016.1455%2013.2759C16.1455%2013.2759%2013.9497%2013.2759%2013.291%2014.5172C12.764%2015.5103%2013.0714%2016.5862%2013.291%2017%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2022V20%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2022H10%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14%2022H12%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%227%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M4%2016.5623C5.88838%2018.6722%208.63263%2020%2011.687%2020C17.3827%2020%2022%2015.3827%2022%209.68699C22%206.63263%2020.6722%203.88838%2018.5623%202%22%2F%3E%3Cpath%20d%3D%22M7%204.55263C7.58518%205.10525%208.79066%206.61576%208.93111%208.2368C9.06238%209.75203%2010.0268%2010.9832%2011.5%2010.9999C12.0662%2011.0063%2012.6388%2010.5822%2012.6373%209.99503C12.6368%209.81346%2012.6079%209.62782%2012.5627%209.45703C12.4998%209.21948%2012.4942%208.94619%2012.625%208.66662C13.0824%207.68861%2013.982%207.42589%2014.6949%206.89475C15.0111%206.65918%2015.2995%206.41067%2015.4266%206.2105C15.7777%205.65788%2016.1289%204.55263%2015.9533%204%22%2F%3E%3Cpath%20d%3D%22M19%2011C18.7804%2011.6207%2018.625%2013.25%2016.1455%2013.2759C16.1455%2013.2759%2013.9497%2013.2759%2013.291%2014.5172C12.764%2015.5103%2013.0714%2016.5862%2013.291%2017%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2022V20%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2022H10%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14%2022H12%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/globe-linear.svg?color=%231a73e8&size=48
