geo icon
geo-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- geo-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
Related icons in Bootstrap Icons
Use the geo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.3 1.3 0 0 0-.37.265a.3.3 0 0 0-.057.09V14l.002.008l.016.033a.6.6 0 0 0 .145.15c.165.13.435.27.813.395c.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.6.6 0 0 0 .146-.15l.015-.033L12 14v-.004a.3.3 0 0 0-.057-.09a1.3 1.3 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977c-.29.228-.68.413-1.116.558c-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243c.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411"/></svg>
React
import type { SVGProps } from "react";
export function BiGeoFill(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" fillRule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.3 1.3 0 0 0-.37.265a.3.3 0 0 0-.057.09V14l.002.008l.016.033a.6.6 0 0 0 .145.15c.165.13.435.27.813.395c.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.6.6 0 0 0 .146-.15l.015-.033L12 14v-.004a.3.3 0 0 0-.057-.09a1.3 1.3 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977c-.29.228-.68.413-1.116.558c-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243c.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.3 1.3 0 0 0-.37.265a.3.3 0 0 0-.057.09V14l.002.008l.016.033a.6.6 0 0 0 .145.15c.165.13.435.27.813.395c.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.6.6 0 0 0 .146-.15l.015-.033L12 14v-.004a.3.3 0 0 0-.057-.09a1.3 1.3 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977c-.29.228-.68.413-1.116.558c-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243c.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411"/></svg> </template>
CSS
.icon-geo-fill {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M4%204a4%204%200%201%201%204.5%203.969V13.5a.5.5%200%200%201-1%200V7.97A4%204%200%200%201%204%203.999zm2.493%208.574a.5.5%200%200%201-.411.575c-.712.118-1.28.295-1.655.493a1.3%201.3%200%200%200-.37.265a.3.3%200%200%200-.057.09V14l.002.008l.016.033a.6.6%200%200%200%20.145.15c.165.13.435.27.813.395c.751.25%201.82.414%203.024.414s2.273-.163%203.024-.414c.378-.126.648-.265.813-.395a.6.6%200%200%200%20.146-.15l.015-.033L12%2014v-.004a.3.3%200%200%200-.057-.09a1.3%201.3%200%200%200-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5%200%201%201%20.164-.986c.77.127%201.452.328%201.957.594C12.5%2013%2013%2013.4%2013%2014c0%20.426-.26.752-.544.977c-.29.228-.68.413-1.116.558c-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26%2014.752%203%2014.426%203%2014c0-.599.5-1%20.961-1.243c.505-.266%201.187-.467%201.957-.594a.5.5%200%200%201%20.575.411%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%20fill-rule%3D%22evenodd%22%20d%3D%22M4%204a4%204%200%201%201%204.5%203.969V13.5a.5.5%200%200%201-1%200V7.97A4%204%200%200%201%204%203.999zm2.493%208.574a.5.5%200%200%201-.411.575c-.712.118-1.28.295-1.655.493a1.3%201.3%200%200%200-.37.265a.3.3%200%200%200-.057.09V14l.002.008l.016.033a.6.6%200%200%200%20.145.15c.165.13.435.27.813.395c.751.25%201.82.414%203.024.414s2.273-.163%203.024-.414c.378-.126.648-.265.813-.395a.6.6%200%200%200%20.146-.15l.015-.033L12%2014v-.004a.3.3%200%200%200-.057-.09a1.3%201.3%200%200%200-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5%200%201%201%20.164-.986c.77.127%201.452.328%201.957.594C12.5%2013%2013%2013.4%2013%2014c0%20.426-.26.752-.544.977c-.29.228-.68.413-1.116.558c-.878.293-2.059.465-3.34.465s-2.462-.172-3.34-.465c-.436-.145-.826-.33-1.116-.558C3.26%2014.752%203%2014.426%203%2014c0-.599.5-1%20.961-1.243c.505-.266%201.187-.467%201.957-.594a.5.5%200%200%201%20.575.411%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/geo-fill.svg?color=%231a73e8&size=48
