skyatlas logo

skyatlas from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: skyatlas
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

skyatlasFont Awesome 6 Brands skyatlasLine Awesome

Use the skyatlas logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M640 393.3c0 65.9-52.5 114.4-117.5 114.4c-165.9 0-196.6-249.7-359.7-249.7c-146.9 0-147.1 212.2 5.6 212.2c42.5 0 90.9-17.8 125.3-42.5c5.6-4.1 16.9-16.3 22.8-16.3s10.9 5 10.9 10.9c0 7.8-13.1 19.1-18.7 24.1c-40.9 35.6-100.3 61.2-154.7 61.2c-83.4.1-154-59-154-144.9s67.5-149.1 152.8-149.1c185.3 0 222.5 245.9 361.9 245.9c99.9 0 94.8-139.7 3.4-139.7c-17.5 0-35 11.6-46.9 11.6c-8.4 0-15.9-7.2-15.9-15.6c0-11.6 5.3-23.7 5.3-36.3c0-66.6-50.9-114.7-116.9-114.7c-53.1 0-80 36.9-88.8 36.9c-6.2 0-11.2-5-11.2-11.2c0-5.6 4.1-10.3 7.8-14.4c25.3-28.8 64.7-43.7 102.8-43.7c79.4 0 139.1 58.4 139.1 137.8c0 6.9-.3 13.7-1.2 20.6c11.9-3.1 24.1-4.7 35.9-4.7c60.7 0 111.9 45.3 111.9 107.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsSkyatlas(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="M640 393.3c0 65.9-52.5 114.4-117.5 114.4c-165.9 0-196.6-249.7-359.7-249.7c-146.9 0-147.1 212.2 5.6 212.2c42.5 0 90.9-17.8 125.3-42.5c5.6-4.1 16.9-16.3 22.8-16.3s10.9 5 10.9 10.9c0 7.8-13.1 19.1-18.7 24.1c-40.9 35.6-100.3 61.2-154.7 61.2c-83.4.1-154-59-154-144.9s67.5-149.1 152.8-149.1c185.3 0 222.5 245.9 361.9 245.9c99.9 0 94.8-139.7 3.4-139.7c-17.5 0-35 11.6-46.9 11.6c-8.4 0-15.9-7.2-15.9-15.6c0-11.6 5.3-23.7 5.3-36.3c0-66.6-50.9-114.7-116.9-114.7c-53.1 0-80 36.9-88.8 36.9c-6.2 0-11.2-5-11.2-11.2c0-5.6 4.1-10.3 7.8-14.4c25.3-28.8 64.7-43.7 102.8-43.7c79.4 0 139.1 58.4 139.1 137.8c0 6.9-.3 13.7-1.2 20.6c11.9-3.1 24.1-4.7 35.9-4.7c60.7 0 111.9 45.3 111.9 107.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M640 393.3c0 65.9-52.5 114.4-117.5 114.4c-165.9 0-196.6-249.7-359.7-249.7c-146.9 0-147.1 212.2 5.6 212.2c42.5 0 90.9-17.8 125.3-42.5c5.6-4.1 16.9-16.3 22.8-16.3s10.9 5 10.9 10.9c0 7.8-13.1 19.1-18.7 24.1c-40.9 35.6-100.3 61.2-154.7 61.2c-83.4.1-154-59-154-144.9s67.5-149.1 152.8-149.1c185.3 0 222.5 245.9 361.9 245.9c99.9 0 94.8-139.7 3.4-139.7c-17.5 0-35 11.6-46.9 11.6c-8.4 0-15.9-7.2-15.9-15.6c0-11.6 5.3-23.7 5.3-36.3c0-66.6-50.9-114.7-116.9-114.7c-53.1 0-80 36.9-88.8 36.9c-6.2 0-11.2-5-11.2-11.2c0-5.6 4.1-10.3 7.8-14.4c25.3-28.8 64.7-43.7 102.8-43.7c79.4 0 139.1 58.4 139.1 137.8c0 6.9-.3 13.7-1.2 20.6c11.9-3.1 24.1-4.7 35.9-4.7c60.7 0 111.9 45.3 111.9 107.2"/></svg>
</template>

CSS

.icon-skyatlas {
  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%22M640%20393.3c0%2065.9-52.5%20114.4-117.5%20114.4c-165.9%200-196.6-249.7-359.7-249.7c-146.9%200-147.1%20212.2%205.6%20212.2c42.5%200%2090.9-17.8%20125.3-42.5c5.6-4.1%2016.9-16.3%2022.8-16.3s10.9%205%2010.9%2010.9c0%207.8-13.1%2019.1-18.7%2024.1c-40.9%2035.6-100.3%2061.2-154.7%2061.2c-83.4.1-154-59-154-144.9s67.5-149.1%20152.8-149.1c185.3%200%20222.5%20245.9%20361.9%20245.9c99.9%200%2094.8-139.7%203.4-139.7c-17.5%200-35%2011.6-46.9%2011.6c-8.4%200-15.9-7.2-15.9-15.6c0-11.6%205.3-23.7%205.3-36.3c0-66.6-50.9-114.7-116.9-114.7c-53.1%200-80%2036.9-88.8%2036.9c-6.2%200-11.2-5-11.2-11.2c0-5.6%204.1-10.3%207.8-14.4c25.3-28.8%2064.7-43.7%20102.8-43.7c79.4%200%20139.1%2058.4%20139.1%20137.8c0%206.9-.3%2013.7-1.2%2020.6c11.9-3.1%2024.1-4.7%2035.9-4.7c60.7%200%20111.9%2045.3%20111.9%20107.2%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%22M640%20393.3c0%2065.9-52.5%20114.4-117.5%20114.4c-165.9%200-196.6-249.7-359.7-249.7c-146.9%200-147.1%20212.2%205.6%20212.2c42.5%200%2090.9-17.8%20125.3-42.5c5.6-4.1%2016.9-16.3%2022.8-16.3s10.9%205%2010.9%2010.9c0%207.8-13.1%2019.1-18.7%2024.1c-40.9%2035.6-100.3%2061.2-154.7%2061.2c-83.4.1-154-59-154-144.9s67.5-149.1%20152.8-149.1c185.3%200%20222.5%20245.9%20361.9%20245.9c99.9%200%2094.8-139.7%203.4-139.7c-17.5%200-35%2011.6-46.9%2011.6c-8.4%200-15.9-7.2-15.9-15.6c0-11.6%205.3-23.7%205.3-36.3c0-66.6-50.9-114.7-116.9-114.7c-53.1%200-80%2036.9-88.8%2036.9c-6.2%200-11.2-5-11.2-11.2c0-5.6%204.1-10.3%207.8-14.4c25.3-28.8%2064.7-43.7%20102.8-43.7c79.4%200%20139.1%2058.4%20139.1%20137.8c0%206.9-.3%2013.7-1.2%2020.6c11.9-3.1%2024.1-4.7%2035.9-4.7c60.7%200%20111.9%2045.3%20111.9%20107.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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