bluesky logo

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

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

The same logo in other sets

blueskyBootstrap Icons blueskyBoxicons Brands blueskyFont Awesome 6 Brands blueskyHuge Icons blueskyMaterial Line Icons blueskySVG Logos blueskyOpenMoji blueskyPixelarticons bluesky-fillRemix Icon blueskySimple Icons

Use the bluesky logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M439.8 358.7c-3.3-.4-6.7-.8-10-1.3c3.4.4 6.7.9 10 1.3M320 291.1c-26.1-50.7-97.1-145.2-163.1-191.8c-63.3-44.7-87.4-37-103.3-29.8C35.3 77.8 32 105.9 32 122.4S41.1 258 47 277.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3.5-6.6 1-10 1.4c-93.9 14-177.3 48.2-67.9 169.9C252.6 653.1 297.1 501.8 320 425.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4.4 6.7.9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7c5.9-19.9 15-138.9 15-155.5s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8c-66.1 46.6-137.1 141.1-163.2 191.8"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsBluesky(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="M439.8 358.7c-3.3-.4-6.7-.8-10-1.3c3.4.4 6.7.9 10 1.3M320 291.1c-26.1-50.7-97.1-145.2-163.1-191.8c-63.3-44.7-87.4-37-103.3-29.8C35.3 77.8 32 105.9 32 122.4S41.1 258 47 277.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3.5-6.6 1-10 1.4c-93.9 14-177.3 48.2-67.9 169.9C252.6 653.1 297.1 501.8 320 425.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4.4 6.7.9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7c5.9-19.9 15-138.9 15-155.5s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8c-66.1 46.6-137.1 141.1-163.2 191.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M439.8 358.7c-3.3-.4-6.7-.8-10-1.3c3.4.4 6.7.9 10 1.3M320 291.1c-26.1-50.7-97.1-145.2-163.1-191.8c-63.3-44.7-87.4-37-103.3-29.8C35.3 77.8 32 105.9 32 122.4S41.1 258 47 277.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3.5-6.6 1-10 1.4c-93.9 14-177.3 48.2-67.9 169.9C252.6 653.1 297.1 501.8 320 425.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4.4 6.7.9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7c5.9-19.9 15-138.9 15-155.5s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8c-66.1 46.6-137.1 141.1-163.2 191.8"/></svg>
</template>

CSS

.icon-bluesky {
  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%22M439.8%20358.7c-3.3-.4-6.7-.8-10-1.3c3.4.4%206.7.9%2010%201.3M320%20291.1c-26.1-50.7-97.1-145.2-163.1-191.8c-63.3-44.7-87.4-37-103.3-29.8C35.3%2077.8%2032%20105.9%2032%20122.4S41.1%20258%2047%20277.9c19.5%2065.7%2089.1%2087.9%20153.2%2080.7c3.3-.5%206.6-.9%2010-1.4c-3.3.5-6.6%201-10%201.4c-93.9%2014-177.3%2048.2-67.9%20169.9C252.6%20653.1%20297.1%20501.8%20320%20425.1c22.9%2076.7%2049.2%20222.5%20185.6%20103.4c102.4-103.4%2028.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4.4%206.7.9%2010%201.3c64.1%207.1%20133.6-15.1%20153.2-80.7c5.9-19.9%2015-138.9%2015-155.5s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2%2029.8c-66.1%2046.6-137.1%20141.1-163.2%20191.8%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%22M439.8%20358.7c-3.3-.4-6.7-.8-10-1.3c3.4.4%206.7.9%2010%201.3M320%20291.1c-26.1-50.7-97.1-145.2-163.1-191.8c-63.3-44.7-87.4-37-103.3-29.8C35.3%2077.8%2032%20105.9%2032%20122.4S41.1%20258%2047%20277.9c19.5%2065.7%2089.1%2087.9%20153.2%2080.7c3.3-.5%206.6-.9%2010-1.4c-3.3.5-6.6%201-10%201.4c-93.9%2014-177.3%2048.2-67.9%20169.9C252.6%20653.1%20297.1%20501.8%20320%20425.1c22.9%2076.7%2049.2%20222.5%20185.6%20103.4c102.4-103.4%2028.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4.4%206.7.9%2010%201.3c64.1%207.1%20133.6-15.1%20153.2-80.7c5.9-19.9%2015-138.9%2015-155.5s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2%2029.8c-66.1%2046.6-137.1%20141.1-163.2%20191.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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