bluesky logo

bluesky from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name: bluesky
Set: SVG Logos
Style: Color
Viewbox: 256×226
License: CC0

The same logo in other sets

blueskyBootstrap Icons blueskyBoxicons Brands blueskyFont Awesome 6 Brands blueskyFont Awesome Brands blueskyHuge Icons blueskyMaterial Line Icons 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 256 226"><path fill="#1185fe" d="M55.491 15.172c29.35 22.035 60.917 66.712 72.509 90.686c11.592-23.974 43.159-68.651 72.509-90.686C221.686-.727 256-13.028 256 26.116c0 7.818-4.482 65.674-7.111 75.068c-9.138 32.654-42.436 40.983-72.057 35.942c51.775 8.812 64.946 38 36.501 67.187c-54.021 55.433-77.644-13.908-83.696-31.676c-1.11-3.257-1.63-4.78-1.637-3.485c-.008-1.296-.527.228-1.637 3.485c-6.052 17.768-29.675 87.11-83.696 31.676c-28.445-29.187-15.274-58.375 36.5-67.187c-29.62 5.041-62.918-3.288-72.056-35.942C4.482 91.79 0 33.934 0 26.116C0-13.028 34.314-.727 55.491 15.172"/></svg>

React

import type { SVGProps } from "react";

export function LogosBluesky(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 226"><path fill="#1185fe" d="M55.491 15.172c29.35 22.035 60.917 66.712 72.509 90.686c11.592-23.974 43.159-68.651 72.509-90.686C221.686-.727 256-13.028 256 26.116c0 7.818-4.482 65.674-7.111 75.068c-9.138 32.654-42.436 40.983-72.057 35.942c51.775 8.812 64.946 38 36.501 67.187c-54.021 55.433-77.644-13.908-83.696-31.676c-1.11-3.257-1.63-4.78-1.637-3.485c-.008-1.296-.527.228-1.637 3.485c-6.052 17.768-29.675 87.11-83.696 31.676c-28.445-29.187-15.274-58.375 36.5-67.187c-29.62 5.041-62.918-3.288-72.056-35.942C4.482 91.79 0 33.934 0 26.116C0-13.028 34.314-.727 55.491 15.172"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 226"><path fill="#1185fe" d="M55.491 15.172c29.35 22.035 60.917 66.712 72.509 90.686c11.592-23.974 43.159-68.651 72.509-90.686C221.686-.727 256-13.028 256 26.116c0 7.818-4.482 65.674-7.111 75.068c-9.138 32.654-42.436 40.983-72.057 35.942c51.775 8.812 64.946 38 36.501 67.187c-54.021 55.433-77.644-13.908-83.696-31.676c-1.11-3.257-1.63-4.78-1.637-3.485c-.008-1.296-.527.228-1.637 3.485c-6.052 17.768-29.675 87.11-83.696 31.676c-28.445-29.187-15.274-58.375 36.5-67.187c-29.62 5.041-62.918-3.288-72.056-35.942C4.482 91.79 0 33.934 0 26.116C0-13.028 34.314-.727 55.491 15.172"/></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%20256%20226%22%3E%3Cpath%20fill%3D%22%231185fe%22%20d%3D%22M55.491%2015.172c29.35%2022.035%2060.917%2066.712%2072.509%2090.686c11.592-23.974%2043.159-68.651%2072.509-90.686C221.686-.727%20256-13.028%20256%2026.116c0%207.818-4.482%2065.674-7.111%2075.068c-9.138%2032.654-42.436%2040.983-72.057%2035.942c51.775%208.812%2064.946%2038%2036.501%2067.187c-54.021%2055.433-77.644-13.908-83.696-31.676c-1.11-3.257-1.63-4.78-1.637-3.485c-.008-1.296-.527.228-1.637%203.485c-6.052%2017.768-29.675%2087.11-83.696%2031.676c-28.445-29.187-15.274-58.375%2036.5-67.187c-29.62%205.041-62.918-3.288-72.056-35.942C4.482%2091.79%200%2033.934%200%2026.116C0-13.028%2034.314-.727%2055.491%2015.172%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%20256%20226%22%3E%3Cpath%20fill%3D%22%231185fe%22%20d%3D%22M55.491%2015.172c29.35%2022.035%2060.917%2066.712%2072.509%2090.686c11.592-23.974%2043.159-68.651%2072.509-90.686C221.686-.727%20256-13.028%20256%2026.116c0%207.818-4.482%2065.674-7.111%2075.068c-9.138%2032.654-42.436%2040.983-72.057%2035.942c51.775%208.812%2064.946%2038%2036.501%2067.187c-54.021%2055.433-77.644-13.908-83.696-31.676c-1.11-3.257-1.63-4.78-1.637-3.485c-.008-1.296-.527.228-1.637%203.485c-6.052%2017.768-29.675%2087.11-83.696%2031.676c-28.445-29.187-15.274-58.375%2036.5-67.187c-29.62%205.041-62.918-3.288-72.056-35.942C4.482%2091.79%200%2033.934%200%2026.116C0-13.028%2034.314-.727%2055.491%2015.172%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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