bluesky logo
bluesky from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- bluesky
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the bluesky logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.34 4.38C8.63 6.1 11.1 9.59 12 11.46c.91-1.87 3.37-5.36 5.66-7.08c1.65-1.24 4.34-2.2 4.34.86c0 .61-.35 5.13-.56 5.86c-.71 2.55-3.32 3.2-5.63 2.81c4.04.69 5.07 2.97 2.85 5.25c-4.22 4.33-6.07-1.09-6.54-2.47c-.09-.25-.13-.37-.13-.27c0-.1-.04.02-.13.27c-.47 1.39-2.32 6.81-6.54 2.47c-2.22-2.28-1.19-4.56 2.85-5.25c-2.31.39-4.92-.26-5.63-2.81c-.21-.73-.56-5.25-.56-5.86c0-3.06 2.68-2.1 4.34-.85Z"/></svg>
React
import type { SVGProps } from "react";
export function BxlBluesky(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.34 4.38C8.63 6.1 11.1 9.59 12 11.46c.91-1.87 3.37-5.36 5.66-7.08c1.65-1.24 4.34-2.2 4.34.86c0 .61-.35 5.13-.56 5.86c-.71 2.55-3.32 3.2-5.63 2.81c4.04.69 5.07 2.97 2.85 5.25c-4.22 4.33-6.07-1.09-6.54-2.47c-.09-.25-.13-.37-.13-.27c0-.1-.04.02-.13.27c-.47 1.39-2.32 6.81-6.54 2.47c-2.22-2.28-1.19-4.56 2.85-5.25c-2.31.39-4.92-.26-5.63-2.81c-.21-.73-.56-5.25-.56-5.86c0-3.06 2.68-2.1 4.34-.85Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.34 4.38C8.63 6.1 11.1 9.59 12 11.46c.91-1.87 3.37-5.36 5.66-7.08c1.65-1.24 4.34-2.2 4.34.86c0 .61-.35 5.13-.56 5.86c-.71 2.55-3.32 3.2-5.63 2.81c4.04.69 5.07 2.97 2.85 5.25c-4.22 4.33-6.07-1.09-6.54-2.47c-.09-.25-.13-.37-.13-.27c0-.1-.04.02-.13.27c-.47 1.39-2.32 6.81-6.54 2.47c-2.22-2.28-1.19-4.56 2.85-5.25c-2.31.39-4.92-.26-5.63-2.81c-.21-.73-.56-5.25-.56-5.86c0-3.06 2.68-2.1 4.34-.85Z"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.34%204.38C8.63%206.1%2011.1%209.59%2012%2011.46c.91-1.87%203.37-5.36%205.66-7.08c1.65-1.24%204.34-2.2%204.34.86c0%20.61-.35%205.13-.56%205.86c-.71%202.55-3.32%203.2-5.63%202.81c4.04.69%205.07%202.97%202.85%205.25c-4.22%204.33-6.07-1.09-6.54-2.47c-.09-.25-.13-.37-.13-.27c0-.1-.04.02-.13.27c-.47%201.39-2.32%206.81-6.54%202.47c-2.22-2.28-1.19-4.56%202.85-5.25c-2.31.39-4.92-.26-5.63-2.81c-.21-.73-.56-5.25-.56-5.86c0-3.06%202.68-2.1%204.34-.85Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.34%204.38C8.63%206.1%2011.1%209.59%2012%2011.46c.91-1.87%203.37-5.36%205.66-7.08c1.65-1.24%204.34-2.2%204.34.86c0%20.61-.35%205.13-.56%205.86c-.71%202.55-3.32%203.2-5.63%202.81c4.04.69%205.07%202.97%202.85%205.25c-4.22%204.33-6.07-1.09-6.54-2.47c-.09-.25-.13-.37-.13-.27c0-.1-.04.02-.13.27c-.47%201.39-2.32%206.81-6.54%202.47c-2.22-2.28-1.19-4.56%202.85-5.25c-2.31.39-4.92-.26-5.63-2.81c-.21-.73-.56-5.25-.56-5.86c0-3.06%202.68-2.1%204.34-.85Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/bluesky.svg?color=%231a73e8&size=48
