globe africa icon

globe-africa-solid from Teenyicons by smhmd · Solid · MIT Free for personal and commercial use.

Name
globe-africa-solid
Set
Teenyicons
Style
Solid
Viewbox
15×15
License
MIT

1 other variant in Teenyicons

globe-africa-outline

The same icon in other sets

globe-africaFont Awesome Solidglobe-africaLine Awesome

Related icons in Teenyicons

globe-americas-outline

Use the globe africa icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M0 7.5a7.5 7.5 0 1 1 15 0a7.5 7.5 0 0 1-15 0m1 0a6.5 6.5 0 0 1 5.527-6.428L7 1.31v.382l-.724.362a.5.5 0 0 0-.053.863l1.5 1A.5.5 0 0 0 8 4h.5a.5.5 0 0 0 .5-.5V3h.5v.5a.5.5 0 0 0 .146.354l.354.353v.586L9.793 5h-.675l-1.894-.947a.5.5 0 0 0-.448 0l-.894.447H4.5a.5.5 0 0 0-.485.379l-.5 2a.5.5 0 0 0 .131.475l1.5 1.5a.5.5 0 0 0 .13.093L6 9.31v1.19a.5.5 0 0 0 .146.354l.354.353V12a.5.5 0 0 0 .053.224l.5 1a.5.5 0 0 0 .447.276h1a.5.5 0 0 0 .416-.223l1-1.5l.031-.053l.5-1a.5.5 0 0 0 .053-.224v-.833L11.9 7.8a.5.5 0 0 0 .047-.524L11.81 7h.691a.5.5 0 0 0 .5-.5V6h.826q.172.725.174 1.5a6.5 6.5 0 1 1-13 0" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function TeenyiconsGlobeAfricaSolid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fillRule="evenodd" d="M0 7.5a7.5 7.5 0 1 1 15 0a7.5 7.5 0 0 1-15 0m1 0a6.5 6.5 0 0 1 5.527-6.428L7 1.31v.382l-.724.362a.5.5 0 0 0-.053.863l1.5 1A.5.5 0 0 0 8 4h.5a.5.5 0 0 0 .5-.5V3h.5v.5a.5.5 0 0 0 .146.354l.354.353v.586L9.793 5h-.675l-1.894-.947a.5.5 0 0 0-.448 0l-.894.447H4.5a.5.5 0 0 0-.485.379l-.5 2a.5.5 0 0 0 .131.475l1.5 1.5a.5.5 0 0 0 .13.093L6 9.31v1.19a.5.5 0 0 0 .146.354l.354.353V12a.5.5 0 0 0 .053.224l.5 1a.5.5 0 0 0 .447.276h1a.5.5 0 0 0 .416-.223l1-1.5l.031-.053l.5-1a.5.5 0 0 0 .053-.224v-.833L11.9 7.8a.5.5 0 0 0 .047-.524L11.81 7h.691a.5.5 0 0 0 .5-.5V6h.826q.172.725.174 1.5a6.5 6.5 0 1 1-13 0" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" fill-rule="evenodd" d="M0 7.5a7.5 7.5 0 1 1 15 0a7.5 7.5 0 0 1-15 0m1 0a6.5 6.5 0 0 1 5.527-6.428L7 1.31v.382l-.724.362a.5.5 0 0 0-.053.863l1.5 1A.5.5 0 0 0 8 4h.5a.5.5 0 0 0 .5-.5V3h.5v.5a.5.5 0 0 0 .146.354l.354.353v.586L9.793 5h-.675l-1.894-.947a.5.5 0 0 0-.448 0l-.894.447H4.5a.5.5 0 0 0-.485.379l-.5 2a.5.5 0 0 0 .131.475l1.5 1.5a.5.5 0 0 0 .13.093L6 9.31v1.19a.5.5 0 0 0 .146.354l.354.353V12a.5.5 0 0 0 .053.224l.5 1a.5.5 0 0 0 .447.276h1a.5.5 0 0 0 .416-.223l1-1.5l.031-.053l.5-1a.5.5 0 0 0 .053-.224v-.833L11.9 7.8a.5.5 0 0 0 .047-.524L11.81 7h.691a.5.5 0 0 0 .5-.5V6h.826q.172.725.174 1.5a6.5 6.5 0 1 1-13 0" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-globe-africa-solid {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%207.5a7.5%207.5%200%201%201%2015%200a7.5%207.5%200%200%201-15%200m1%200a6.5%206.5%200%200%201%205.527-6.428L7%201.31v.382l-.724.362a.5.5%200%200%200-.053.863l1.5%201A.5.5%200%200%200%208%204h.5a.5.5%200%200%200%20.5-.5V3h.5v.5a.5.5%200%200%200%20.146.354l.354.353v.586L9.793%205h-.675l-1.894-.947a.5.5%200%200%200-.448%200l-.894.447H4.5a.5.5%200%200%200-.485.379l-.5%202a.5.5%200%200%200%20.131.475l1.5%201.5a.5.5%200%200%200%20.13.093L6%209.31v1.19a.5.5%200%200%200%20.146.354l.354.353V12a.5.5%200%200%200%20.053.224l.5%201a.5.5%200%200%200%20.447.276h1a.5.5%200%200%200%20.416-.223l1-1.5l.031-.053l.5-1a.5.5%200%200%200%20.053-.224v-.833L11.9%207.8a.5.5%200%200%200%20.047-.524L11.81%207h.691a.5.5%200%200%200%20.5-.5V6h.826q.172.725.174%201.5a6.5%206.5%200%201%201-13%200%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%207.5a7.5%207.5%200%201%201%2015%200a7.5%207.5%200%200%201-15%200m1%200a6.5%206.5%200%200%201%205.527-6.428L7%201.31v.382l-.724.362a.5.5%200%200%200-.053.863l1.5%201A.5.5%200%200%200%208%204h.5a.5.5%200%200%200%20.5-.5V3h.5v.5a.5.5%200%200%200%20.146.354l.354.353v.586L9.793%205h-.675l-1.894-.947a.5.5%200%200%200-.448%200l-.894.447H4.5a.5.5%200%200%200-.485.379l-.5%202a.5.5%200%200%200%20.131.475l1.5%201.5a.5.5%200%200%200%20.13.093L6%209.31v1.19a.5.5%200%200%200%20.146.354l.354.353V12a.5.5%200%200%200%20.053.224l.5%201a.5.5%200%200%200%20.447.276h1a.5.5%200%200%200%20.416-.223l1-1.5l.031-.053l.5-1a.5.5%200%200%200%20.053-.224v-.833L11.9%207.8a.5.5%200%200%200%20.047-.524L11.81%207h.691a.5.5%200%200%200%20.5-.5V6h.826q.172.725.174%201.5a6.5%206.5%200%201%201-13%200%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/teenyicons/globe-africa-solid.svg?color=%231a73e8&size=48