globus icon
globus-bold-duotone from Solar by 480 Design · Bold Duotone · CC-BY-4.0 Attribution required.
- Name
- globus-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Viewbox
- 24×24
- License
- CC BY 4.0
1 other variant in Solar
The same icon in other sets
Use the globus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="10" r="7" fill="currentColor" opacity=".5"/><path fill="currentColor" d="M9.602 8.213C9.471 6.754 8.346 5.395 7.8 4.897l-.302-.258A6.97 6.97 0 0 1 12 3c1.55 0 2.98.503 4.14 1.356c.164.497-.148 1.536-.475 2.033c-.12.18-.388.404-.683.616c-.666.478-1.505.715-1.932 1.595a1 1 0 0 0-.058.711c.042.154.069.321.07.485c0 .528-.534.91-1.062.904c-1.375-.015-2.275-1.123-2.398-2.487m3.404 6.181c.691-1.304 2.997-1.304 2.997-1.304c2.402-.025 2.727-1.484 2.944-2.22a7.004 7.004 0 0 1-5.975 6.063c-.226-.475-.493-1.546.034-2.54"/><path fill="currentColor" fill-rule="evenodd" d="M18.004 1.5a.75.75 0 0 1 1.058-.059a11.04 11.04 0 0 1 3.688 8.246c0 5.751-4.389 10.478-10 11.013v.55H14a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5h1.25v-.509a11.04 11.04 0 0 1-7.809-3.678a.75.75 0 1 1 1.118-1a9.54 9.54 0 0 0 7.128 3.187a9.563 9.563 0 0 0 9.563-9.563a9.54 9.54 0 0 0-3.188-7.128a.75.75 0 0 1-.059-1.06" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarGlobusBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="10" r="7" fill="currentColor" opacity=".5"/><path fill="currentColor" d="M9.602 8.213C9.471 6.754 8.346 5.395 7.8 4.897l-.302-.258A6.97 6.97 0 0 1 12 3c1.55 0 2.98.503 4.14 1.356c.164.497-.148 1.536-.475 2.033c-.12.18-.388.404-.683.616c-.666.478-1.505.715-1.932 1.595a1 1 0 0 0-.058.711c.042.154.069.321.07.485c0 .528-.534.91-1.062.904c-1.375-.015-2.275-1.123-2.398-2.487m3.404 6.181c.691-1.304 2.997-1.304 2.997-1.304c2.402-.025 2.727-1.484 2.944-2.22a7.004 7.004 0 0 1-5.975 6.063c-.226-.475-.493-1.546.034-2.54"/><path fill="currentColor" fillRule="evenodd" d="M18.004 1.5a.75.75 0 0 1 1.058-.059a11.04 11.04 0 0 1 3.688 8.246c0 5.751-4.389 10.478-10 11.013v.55H14a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5h1.25v-.509a11.04 11.04 0 0 1-7.809-3.678a.75.75 0 1 1 1.118-1a9.54 9.54 0 0 0 7.128 3.187a9.563 9.563 0 0 0 9.563-9.563a9.54 9.54 0 0 0-3.188-7.128a.75.75 0 0 1-.059-1.06" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="10" r="7" fill="currentColor" opacity=".5"/><path fill="currentColor" d="M9.602 8.213C9.471 6.754 8.346 5.395 7.8 4.897l-.302-.258A6.97 6.97 0 0 1 12 3c1.55 0 2.98.503 4.14 1.356c.164.497-.148 1.536-.475 2.033c-.12.18-.388.404-.683.616c-.666.478-1.505.715-1.932 1.595a1 1 0 0 0-.058.711c.042.154.069.321.07.485c0 .528-.534.91-1.062.904c-1.375-.015-2.275-1.123-2.398-2.487m3.404 6.181c.691-1.304 2.997-1.304 2.997-1.304c2.402-.025 2.727-1.484 2.944-2.22a7.004 7.004 0 0 1-5.975 6.063c-.226-.475-.493-1.546.034-2.54"/><path fill="currentColor" fill-rule="evenodd" d="M18.004 1.5a.75.75 0 0 1 1.058-.059a11.04 11.04 0 0 1 3.688 8.246c0 5.751-4.389 10.478-10 11.013v.55H14a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5h1.25v-.509a11.04 11.04 0 0 1-7.809-3.678a.75.75 0 1 1 1.118-1a9.54 9.54 0 0 0 7.128 3.187a9.563 9.563 0 0 0 9.563-9.563a9.54 9.54 0 0 0-3.188-7.128a.75.75 0 0 1-.059-1.06" clip-rule="evenodd"/></svg> </template>
CSS
.icon-globus-bold-duotone {
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%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%227%22%20fill%3D%22currentColor%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.602%208.213C9.471%206.754%208.346%205.395%207.8%204.897l-.302-.258A6.97%206.97%200%200%201%2012%203c1.55%200%202.98.503%204.14%201.356c.164.497-.148%201.536-.475%202.033c-.12.18-.388.404-.683.616c-.666.478-1.505.715-1.932%201.595a1%201%200%200%200-.058.711c.042.154.069.321.07.485c0%20.528-.534.91-1.062.904c-1.375-.015-2.275-1.123-2.398-2.487m3.404%206.181c.691-1.304%202.997-1.304%202.997-1.304c2.402-.025%202.727-1.484%202.944-2.22a7.004%207.004%200%200%201-5.975%206.063c-.226-.475-.493-1.546.034-2.54%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.004%201.5a.75.75%200%200%201%201.058-.059a11.04%2011.04%200%200%201%203.688%208.246c0%205.751-4.389%2010.478-10%2011.013v.55H14a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201%200-1.5h1.25v-.509a11.04%2011.04%200%200%201-7.809-3.678a.75.75%200%201%201%201.118-1a9.54%209.54%200%200%200%207.128%203.187a9.563%209.563%200%200%200%209.563-9.563a9.54%209.54%200%200%200-3.188-7.128a.75.75%200%200%201-.059-1.06%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%227%22%20fill%3D%22currentColor%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.602%208.213C9.471%206.754%208.346%205.395%207.8%204.897l-.302-.258A6.97%206.97%200%200%201%2012%203c1.55%200%202.98.503%204.14%201.356c.164.497-.148%201.536-.475%202.033c-.12.18-.388.404-.683.616c-.666.478-1.505.715-1.932%201.595a1%201%200%200%200-.058.711c.042.154.069.321.07.485c0%20.528-.534.91-1.062.904c-1.375-.015-2.275-1.123-2.398-2.487m3.404%206.181c.691-1.304%202.997-1.304%202.997-1.304c2.402-.025%202.727-1.484%202.944-2.22a7.004%207.004%200%200%201-5.975%206.063c-.226-.475-.493-1.546.034-2.54%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.004%201.5a.75.75%200%200%201%201.058-.059a11.04%2011.04%200%200%201%203.688%208.246c0%205.751-4.389%2010.478-10%2011.013v.55H14a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201%200-1.5h1.25v-.509a11.04%2011.04%200%200%201-7.809-3.678a.75.75%200%201%201%201.118-1a9.54%209.54%200%200%200%207.128%203.187a9.563%209.563%200%200%200%209.563-9.563a9.54%209.54%200%200%200-3.188-7.128a.75.75%200%200%201-.059-1.06%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/globus-bold-duotone.svg?color=%231a73e8&size=48
