globe icon
globe from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- globe
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
globeAkar IconsglobeBootstrap IconsglobeBoxIcons v2globeCarbonglobe-fillEva IconsglobeFont Awesome 6 SolidglobeFeather Iconsglobe-12-filledFluent UI System Iconsglobecss.ggglobeHuge IconsglobeHumbleiconsglobeIconoirglobeIonIconsglobeLine AwesomeglobeLucideglobeMage IconsglobeMajesticonsglobeMaterial Symbolsglobe-fillMingCute IconglobeOcticonsglobePhosphorglobePixelarticonsglobeRadix Iconsglobe-fillRemix Icon
Use the globe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.023 51.273c12.727 0 23.25-10.546 23.25-23.273C51.274 15.297 40.727 4.727 28 4.727S4.727 15.297 4.727 28c0 12.727 10.57 23.273 23.296 23.273m-6.75-35.414c1.383-3.492 3.282-6 5.368-6.773v7.312a34 34 0 0 1-5.368-.539m8.063-6.773c2.086.773 4.008 3.281 5.367 6.773a34 34 0 0 1-5.367.54Zm4.945.656c2.508.867 4.782 2.203 6.68 3.961c-1.031.586-2.227 1.078-3.563 1.5c-.843-2.18-1.922-4.031-3.117-5.46m-19.265 3.961a19.5 19.5 0 0 1 6.703-3.96c-1.219 1.429-2.274 3.28-3.14 5.46c-1.313-.422-2.509-.914-3.563-1.5m24.609 12.938c-.117-3.258-.61-6.282-1.383-8.953c1.758-.54 3.305-1.22 4.617-2.016c2.485 3 4.102 6.797 4.383 10.969Zm-30.867 0a19.05 19.05 0 0 1 4.383-10.97c1.289.798 2.859 1.477 4.593 2.017c-.773 2.671-1.242 5.695-1.359 8.953Zm20.578 0v-7.547a37 37 0 0 0 6.234-.727a36.2 36.2 0 0 1 1.29 8.274Zm-10.195 0a33.8 33.8 0 0 1 1.289-8.274c1.922.399 4.03.656 6.21.727v7.547ZM8.758 29.336h7.617c.094 3.305.586 6.398 1.36 9.094c-1.712.539-3.258 1.195-4.547 1.992a19.3 19.3 0 0 1-4.43-11.086m10.36 0h7.523v7.687c-2.18.07-4.29.305-6.211.727c-.727-2.531-1.196-5.414-1.313-8.414m10.218 7.687v-7.687h7.523c-.093 3-.562 5.883-1.289 8.414c-1.945-.422-4.031-.656-6.234-.727m8.906 1.407c.797-2.696 1.266-5.79 1.383-9.094h7.617a18.9 18.9 0 0 1-4.43 11.086c-1.289-.774-2.835-1.453-4.57-1.992m-16.969 1.828a34 34 0 0 1 5.368-.54v7.313c-2.086-.773-3.985-3.281-5.368-6.773m8.063-.54c1.945.048 3.727.235 5.367.54c-1.36 3.492-3.281 6-5.367 6.773Zm-14.25 2.65a19 19 0 0 1 3.492-1.454c.844 2.11 1.852 3.89 3.024 5.32a19.1 19.1 0 0 1-6.516-3.867m22.312-1.454q1.97.597 3.516 1.477a19.2 19.2 0 0 1-6.539 3.867c1.172-1.43 2.203-3.235 3.023-5.344"/></svg>
React
import type { SVGProps } from "react";
export function F7Globe(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.023 51.273c12.727 0 23.25-10.546 23.25-23.273C51.274 15.297 40.727 4.727 28 4.727S4.727 15.297 4.727 28c0 12.727 10.57 23.273 23.296 23.273m-6.75-35.414c1.383-3.492 3.282-6 5.368-6.773v7.312a34 34 0 0 1-5.368-.539m8.063-6.773c2.086.773 4.008 3.281 5.367 6.773a34 34 0 0 1-5.367.54Zm4.945.656c2.508.867 4.782 2.203 6.68 3.961c-1.031.586-2.227 1.078-3.563 1.5c-.843-2.18-1.922-4.031-3.117-5.46m-19.265 3.961a19.5 19.5 0 0 1 6.703-3.96c-1.219 1.429-2.274 3.28-3.14 5.46c-1.313-.422-2.509-.914-3.563-1.5m24.609 12.938c-.117-3.258-.61-6.282-1.383-8.953c1.758-.54 3.305-1.22 4.617-2.016c2.485 3 4.102 6.797 4.383 10.969Zm-30.867 0a19.05 19.05 0 0 1 4.383-10.97c1.289.798 2.859 1.477 4.593 2.017c-.773 2.671-1.242 5.695-1.359 8.953Zm20.578 0v-7.547a37 37 0 0 0 6.234-.727a36.2 36.2 0 0 1 1.29 8.274Zm-10.195 0a33.8 33.8 0 0 1 1.289-8.274c1.922.399 4.03.656 6.21.727v7.547ZM8.758 29.336h7.617c.094 3.305.586 6.398 1.36 9.094c-1.712.539-3.258 1.195-4.547 1.992a19.3 19.3 0 0 1-4.43-11.086m10.36 0h7.523v7.687c-2.18.07-4.29.305-6.211.727c-.727-2.531-1.196-5.414-1.313-8.414m10.218 7.687v-7.687h7.523c-.093 3-.562 5.883-1.289 8.414c-1.945-.422-4.031-.656-6.234-.727m8.906 1.407c.797-2.696 1.266-5.79 1.383-9.094h7.617a18.9 18.9 0 0 1-4.43 11.086c-1.289-.774-2.835-1.453-4.57-1.992m-16.969 1.828a34 34 0 0 1 5.368-.54v7.313c-2.086-.773-3.985-3.281-5.368-6.773m8.063-.54c1.945.048 3.727.235 5.367.54c-1.36 3.492-3.281 6-5.367 6.773Zm-14.25 2.65a19 19 0 0 1 3.492-1.454c.844 2.11 1.852 3.89 3.024 5.32a19.1 19.1 0 0 1-6.516-3.867m22.312-1.454q1.97.597 3.516 1.477a19.2 19.2 0 0 1-6.539 3.867c1.172-1.43 2.203-3.235 3.023-5.344"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.023 51.273c12.727 0 23.25-10.546 23.25-23.273C51.274 15.297 40.727 4.727 28 4.727S4.727 15.297 4.727 28c0 12.727 10.57 23.273 23.296 23.273m-6.75-35.414c1.383-3.492 3.282-6 5.368-6.773v7.312a34 34 0 0 1-5.368-.539m8.063-6.773c2.086.773 4.008 3.281 5.367 6.773a34 34 0 0 1-5.367.54Zm4.945.656c2.508.867 4.782 2.203 6.68 3.961c-1.031.586-2.227 1.078-3.563 1.5c-.843-2.18-1.922-4.031-3.117-5.46m-19.265 3.961a19.5 19.5 0 0 1 6.703-3.96c-1.219 1.429-2.274 3.28-3.14 5.46c-1.313-.422-2.509-.914-3.563-1.5m24.609 12.938c-.117-3.258-.61-6.282-1.383-8.953c1.758-.54 3.305-1.22 4.617-2.016c2.485 3 4.102 6.797 4.383 10.969Zm-30.867 0a19.05 19.05 0 0 1 4.383-10.97c1.289.798 2.859 1.477 4.593 2.017c-.773 2.671-1.242 5.695-1.359 8.953Zm20.578 0v-7.547a37 37 0 0 0 6.234-.727a36.2 36.2 0 0 1 1.29 8.274Zm-10.195 0a33.8 33.8 0 0 1 1.289-8.274c1.922.399 4.03.656 6.21.727v7.547ZM8.758 29.336h7.617c.094 3.305.586 6.398 1.36 9.094c-1.712.539-3.258 1.195-4.547 1.992a19.3 19.3 0 0 1-4.43-11.086m10.36 0h7.523v7.687c-2.18.07-4.29.305-6.211.727c-.727-2.531-1.196-5.414-1.313-8.414m10.218 7.687v-7.687h7.523c-.093 3-.562 5.883-1.289 8.414c-1.945-.422-4.031-.656-6.234-.727m8.906 1.407c.797-2.696 1.266-5.79 1.383-9.094h7.617a18.9 18.9 0 0 1-4.43 11.086c-1.289-.774-2.835-1.453-4.57-1.992m-16.969 1.828a34 34 0 0 1 5.368-.54v7.313c-2.086-.773-3.985-3.281-5.368-6.773m8.063-.54c1.945.048 3.727.235 5.367.54c-1.36 3.492-3.281 6-5.367 6.773Zm-14.25 2.65a19 19 0 0 1 3.492-1.454c.844 2.11 1.852 3.89 3.024 5.32a19.1 19.1 0 0 1-6.516-3.867m22.312-1.454q1.97.597 3.516 1.477a19.2 19.2 0 0 1-6.539 3.867c1.172-1.43 2.203-3.235 3.023-5.344"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.023%2051.273c12.727%200%2023.25-10.546%2023.25-23.273C51.274%2015.297%2040.727%204.727%2028%204.727S4.727%2015.297%204.727%2028c0%2012.727%2010.57%2023.273%2023.296%2023.273m-6.75-35.414c1.383-3.492%203.282-6%205.368-6.773v7.312a34%2034%200%200%201-5.368-.539m8.063-6.773c2.086.773%204.008%203.281%205.367%206.773a34%2034%200%200%201-5.367.54Zm4.945.656c2.508.867%204.782%202.203%206.68%203.961c-1.031.586-2.227%201.078-3.563%201.5c-.843-2.18-1.922-4.031-3.117-5.46m-19.265%203.961a19.5%2019.5%200%200%201%206.703-3.96c-1.219%201.429-2.274%203.28-3.14%205.46c-1.313-.422-2.509-.914-3.563-1.5m24.609%2012.938c-.117-3.258-.61-6.282-1.383-8.953c1.758-.54%203.305-1.22%204.617-2.016c2.485%203%204.102%206.797%204.383%2010.969Zm-30.867%200a19.05%2019.05%200%200%201%204.383-10.97c1.289.798%202.859%201.477%204.593%202.017c-.773%202.671-1.242%205.695-1.359%208.953Zm20.578%200v-7.547a37%2037%200%200%200%206.234-.727a36.2%2036.2%200%200%201%201.29%208.274Zm-10.195%200a33.8%2033.8%200%200%201%201.289-8.274c1.922.399%204.03.656%206.21.727v7.547ZM8.758%2029.336h7.617c.094%203.305.586%206.398%201.36%209.094c-1.712.539-3.258%201.195-4.547%201.992a19.3%2019.3%200%200%201-4.43-11.086m10.36%200h7.523v7.687c-2.18.07-4.29.305-6.211.727c-.727-2.531-1.196-5.414-1.313-8.414m10.218%207.687v-7.687h7.523c-.093%203-.562%205.883-1.289%208.414c-1.945-.422-4.031-.656-6.234-.727m8.906%201.407c.797-2.696%201.266-5.79%201.383-9.094h7.617a18.9%2018.9%200%200%201-4.43%2011.086c-1.289-.774-2.835-1.453-4.57-1.992m-16.969%201.828a34%2034%200%200%201%205.368-.54v7.313c-2.086-.773-3.985-3.281-5.368-6.773m8.063-.54c1.945.048%203.727.235%205.367.54c-1.36%203.492-3.281%206-5.367%206.773Zm-14.25%202.65a19%2019%200%200%201%203.492-1.454c.844%202.11%201.852%203.89%203.024%205.32a19.1%2019.1%200%200%201-6.516-3.867m22.312-1.454q1.97.597%203.516%201.477a19.2%2019.2%200%200%201-6.539%203.867c1.172-1.43%202.203-3.235%203.023-5.344%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.023%2051.273c12.727%200%2023.25-10.546%2023.25-23.273C51.274%2015.297%2040.727%204.727%2028%204.727S4.727%2015.297%204.727%2028c0%2012.727%2010.57%2023.273%2023.296%2023.273m-6.75-35.414c1.383-3.492%203.282-6%205.368-6.773v7.312a34%2034%200%200%201-5.368-.539m8.063-6.773c2.086.773%204.008%203.281%205.367%206.773a34%2034%200%200%201-5.367.54Zm4.945.656c2.508.867%204.782%202.203%206.68%203.961c-1.031.586-2.227%201.078-3.563%201.5c-.843-2.18-1.922-4.031-3.117-5.46m-19.265%203.961a19.5%2019.5%200%200%201%206.703-3.96c-1.219%201.429-2.274%203.28-3.14%205.46c-1.313-.422-2.509-.914-3.563-1.5m24.609%2012.938c-.117-3.258-.61-6.282-1.383-8.953c1.758-.54%203.305-1.22%204.617-2.016c2.485%203%204.102%206.797%204.383%2010.969Zm-30.867%200a19.05%2019.05%200%200%201%204.383-10.97c1.289.798%202.859%201.477%204.593%202.017c-.773%202.671-1.242%205.695-1.359%208.953Zm20.578%200v-7.547a37%2037%200%200%200%206.234-.727a36.2%2036.2%200%200%201%201.29%208.274Zm-10.195%200a33.8%2033.8%200%200%201%201.289-8.274c1.922.399%204.03.656%206.21.727v7.547ZM8.758%2029.336h7.617c.094%203.305.586%206.398%201.36%209.094c-1.712.539-3.258%201.195-4.547%201.992a19.3%2019.3%200%200%201-4.43-11.086m10.36%200h7.523v7.687c-2.18.07-4.29.305-6.211.727c-.727-2.531-1.196-5.414-1.313-8.414m10.218%207.687v-7.687h7.523c-.093%203-.562%205.883-1.289%208.414c-1.945-.422-4.031-.656-6.234-.727m8.906%201.407c.797-2.696%201.266-5.79%201.383-9.094h7.617a18.9%2018.9%200%200%201-4.43%2011.086c-1.289-.774-2.835-1.453-4.57-1.992m-16.969%201.828a34%2034%200%200%201%205.368-.54v7.313c-2.086-.773-3.985-3.281-5.368-6.773m8.063-.54c1.945.048%203.727.235%205.367.54c-1.36%203.492-3.281%206-5.367%206.773Zm-14.25%202.65a19%2019%200%200%201%203.492-1.454c.844%202.11%201.852%203.89%203.024%205.32a19.1%2019.1%200%200%201-6.516-3.867m22.312-1.454q1.97.597%203.516%201.477a19.2%2019.2%200%200%201-6.539%203.867c1.172-1.43%202.203-3.235%203.023-5.344%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/globe.svg?color=%231a73e8&size=48
