earth africa icon

earth-africa from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: earth-africa
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome Solid

earth-america earth-americas earth-asia earth-europe earth-oceania

Use the earth africa icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M511.6 239C480 164.4 406.1 112 320 112c-22.1 0-43.4 3.5-63.4 9.8c-.4 2-.6 4.1-.6 6.2v73.4c0 12.5 10.1 22.6 22.6 22.6c6 0 11.8-2.4 16-6.6l16-16c6-6 14.1-9.4 22.6-9.4h5.5c28.5 0 42.8 34.5 22.6 54.6c-6 6-14.1 9.4-22.6 9.4h-61.5c-8.5 0-16.6 3.4-22.6 9.4l-21.3 21.3c-6 6-9.4 14.1-9.4 22.6V352c0 17.7 14.3 32 32 32h32c17.7 0 32 14.3 32 32v32c0 17.7 14.3 32 32 32h2.7c8.5 0 16.6-3.4 22.6-9.4l29.3-29.3c6-6 9.4-14.1 9.4-22.6V400c0-8.8 7.2-16 16-16s16-7.2 16-16v-34.7c0-8.5-3.4-16.6-9.4-22.6l-16-16c-4.2-4.2-6.6-10-6.6-16c0-12.5 10.1-22.6 22.6-22.6h45c12.4 0 22.7-7.1 28-17zM64 320C64 178.6 178.6 64 320 64s256 114.6 256 256s-114.6 256-256 256S64 461.4 64 320"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidEarthAfrica(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M511.6 239C480 164.4 406.1 112 320 112c-22.1 0-43.4 3.5-63.4 9.8c-.4 2-.6 4.1-.6 6.2v73.4c0 12.5 10.1 22.6 22.6 22.6c6 0 11.8-2.4 16-6.6l16-16c6-6 14.1-9.4 22.6-9.4h5.5c28.5 0 42.8 34.5 22.6 54.6c-6 6-14.1 9.4-22.6 9.4h-61.5c-8.5 0-16.6 3.4-22.6 9.4l-21.3 21.3c-6 6-9.4 14.1-9.4 22.6V352c0 17.7 14.3 32 32 32h32c17.7 0 32 14.3 32 32v32c0 17.7 14.3 32 32 32h2.7c8.5 0 16.6-3.4 22.6-9.4l29.3-29.3c6-6 9.4-14.1 9.4-22.6V400c0-8.8 7.2-16 16-16s16-7.2 16-16v-34.7c0-8.5-3.4-16.6-9.4-22.6l-16-16c-4.2-4.2-6.6-10-6.6-16c0-12.5 10.1-22.6 22.6-22.6h45c12.4 0 22.7-7.1 28-17zM64 320C64 178.6 178.6 64 320 64s256 114.6 256 256s-114.6 256-256 256S64 461.4 64 320"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M511.6 239C480 164.4 406.1 112 320 112c-22.1 0-43.4 3.5-63.4 9.8c-.4 2-.6 4.1-.6 6.2v73.4c0 12.5 10.1 22.6 22.6 22.6c6 0 11.8-2.4 16-6.6l16-16c6-6 14.1-9.4 22.6-9.4h5.5c28.5 0 42.8 34.5 22.6 54.6c-6 6-14.1 9.4-22.6 9.4h-61.5c-8.5 0-16.6 3.4-22.6 9.4l-21.3 21.3c-6 6-9.4 14.1-9.4 22.6V352c0 17.7 14.3 32 32 32h32c17.7 0 32 14.3 32 32v32c0 17.7 14.3 32 32 32h2.7c8.5 0 16.6-3.4 22.6-9.4l29.3-29.3c6-6 9.4-14.1 9.4-22.6V400c0-8.8 7.2-16 16-16s16-7.2 16-16v-34.7c0-8.5-3.4-16.6-9.4-22.6l-16-16c-4.2-4.2-6.6-10-6.6-16c0-12.5 10.1-22.6 22.6-22.6h45c12.4 0 22.7-7.1 28-17zM64 320C64 178.6 178.6 64 320 64s256 114.6 256 256s-114.6 256-256 256S64 461.4 64 320"/></svg>
</template>

CSS

.icon-earth-africa {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M511.6%20239C480%20164.4%20406.1%20112%20320%20112c-22.1%200-43.4%203.5-63.4%209.8c-.4%202-.6%204.1-.6%206.2v73.4c0%2012.5%2010.1%2022.6%2022.6%2022.6c6%200%2011.8-2.4%2016-6.6l16-16c6-6%2014.1-9.4%2022.6-9.4h5.5c28.5%200%2042.8%2034.5%2022.6%2054.6c-6%206-14.1%209.4-22.6%209.4h-61.5c-8.5%200-16.6%203.4-22.6%209.4l-21.3%2021.3c-6%206-9.4%2014.1-9.4%2022.6V352c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032%2014.3%2032%2032v32c0%2017.7%2014.3%2032%2032%2032h2.7c8.5%200%2016.6-3.4%2022.6-9.4l29.3-29.3c6-6%209.4-14.1%209.4-22.6V400c0-8.8%207.2-16%2016-16s16-7.2%2016-16v-34.7c0-8.5-3.4-16.6-9.4-22.6l-16-16c-4.2-4.2-6.6-10-6.6-16c0-12.5%2010.1-22.6%2022.6-22.6h45c12.4%200%2022.7-7.1%2028-17zM64%20320C64%20178.6%20178.6%2064%20320%2064s256%20114.6%20256%20256s-114.6%20256-256%20256S64%20461.4%2064%20320%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M511.6%20239C480%20164.4%20406.1%20112%20320%20112c-22.1%200-43.4%203.5-63.4%209.8c-.4%202-.6%204.1-.6%206.2v73.4c0%2012.5%2010.1%2022.6%2022.6%2022.6c6%200%2011.8-2.4%2016-6.6l16-16c6-6%2014.1-9.4%2022.6-9.4h5.5c28.5%200%2042.8%2034.5%2022.6%2054.6c-6%206-14.1%209.4-22.6%209.4h-61.5c-8.5%200-16.6%203.4-22.6%209.4l-21.3%2021.3c-6%206-9.4%2014.1-9.4%2022.6V352c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032%2014.3%2032%2032v32c0%2017.7%2014.3%2032%2032%2032h2.7c8.5%200%2016.6-3.4%2022.6-9.4l29.3-29.3c6-6%209.4-14.1%209.4-22.6V400c0-8.8%207.2-16%2016-16s16-7.2%2016-16v-34.7c0-8.5-3.4-16.6-9.4-22.6l-16-16c-4.2-4.2-6.6-10-6.6-16c0-12.5%2010.1-22.6%2022.6-22.6h45c12.4%200%2022.7-7.1%2028-17zM64%20320C64%20178.6%20178.6%2064%20320%2064s256%20114.6%20256%20256s-114.6%20256-256%20256S64%20461.4%2064%20320%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/earth-africa.svg?color=%231a73e8&size=48