bluesky icon
bluesky-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- bluesky-line
- Set
- Remix Icon
- Style
- Line
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More logos icons from Remix Icon
Use the bluesky icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.907 3.44c.709.12 1.533.501 2.576 1.247C9.28 5.97 10.769 7.739 12 9.564c1.231-1.825 2.72-3.593 4.517-4.877c1.043-.746 1.867-1.127 2.576-1.248c.767-.13 1.29.065 1.615.2C21.717 4.06 22 5.225 22 6.215c0 .201-.086 1.302-.185 2.36c-.052.546-.11 1.108-.166 1.577c-.053.428-.115.88-.19 1.133a4.33 4.33 0 0 1-1.951 2.517c.937.707 1.277 1.856.928 2.984c-.597 1.924-2.737 4.397-4.835 4.618c-1.773.186-2.935-1.325-3.601-2.76c-.666 1.435-1.828 2.946-3.6 2.76c-2.099-.22-4.24-2.694-4.836-4.618c-.35-1.128-.01-2.277.928-2.984a4.33 4.33 0 0 1-1.95-2.517c-.076-.253-.138-.705-.19-1.133a61 61 0 0 1-.167-1.577C2.085 7.517 2 6.416 2 6.215c0-.99.283-2.155 1.292-2.576c.326-.135.847-.33 1.615-.2M4.05 6.916c.064.818.18 2.108.288 2.992c.032.268.055.545.122.807c.397 1.34 1.929 2.082 3.686 1.887a1 1 0 0 1 .257 1.983c-.756.112-3.315.357-2.928 1.607c.357 1.151 1.848 3.087 3.134 3.222c.928.097 1.5-1.394 1.766-2.045c.275-.674.488-1.38.668-1.982a1 1 0 0 1 1.916 0c.18.602.393 1.308.668 1.982c.266.651.838 2.142 1.766 2.045c1.286-.135 2.777-2.07 3.134-3.222c.387-1.25-2.172-1.495-2.928-1.607a1 1 0 0 1 .257-1.983c1.757.195 3.289-.547 3.686-1.887c.069-.266.089-.536.122-.807a80 80 0 0 0 .288-2.992c.037-.468.247-1.637-.522-1.506c-.286.049-.823.241-1.749.903c-1.943 1.389-3.705 3.513-4.789 5.64a1 1 0 0 1-1.782 0c-1.084-2.127-2.846-4.251-4.789-5.64c-.926-.662-1.463-.854-1.749-.903c-.784-.134-.559 1.034-.522 1.506"/></svg>
React
import type { SVGProps } from "react";
export function RiBlueskyLine(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="M4.907 3.44c.709.12 1.533.501 2.576 1.247C9.28 5.97 10.769 7.739 12 9.564c1.231-1.825 2.72-3.593 4.517-4.877c1.043-.746 1.867-1.127 2.576-1.248c.767-.13 1.29.065 1.615.2C21.717 4.06 22 5.225 22 6.215c0 .201-.086 1.302-.185 2.36c-.052.546-.11 1.108-.166 1.577c-.053.428-.115.88-.19 1.133a4.33 4.33 0 0 1-1.951 2.517c.937.707 1.277 1.856.928 2.984c-.597 1.924-2.737 4.397-4.835 4.618c-1.773.186-2.935-1.325-3.601-2.76c-.666 1.435-1.828 2.946-3.6 2.76c-2.099-.22-4.24-2.694-4.836-4.618c-.35-1.128-.01-2.277.928-2.984a4.33 4.33 0 0 1-1.95-2.517c-.076-.253-.138-.705-.19-1.133a61 61 0 0 1-.167-1.577C2.085 7.517 2 6.416 2 6.215c0-.99.283-2.155 1.292-2.576c.326-.135.847-.33 1.615-.2M4.05 6.916c.064.818.18 2.108.288 2.992c.032.268.055.545.122.807c.397 1.34 1.929 2.082 3.686 1.887a1 1 0 0 1 .257 1.983c-.756.112-3.315.357-2.928 1.607c.357 1.151 1.848 3.087 3.134 3.222c.928.097 1.5-1.394 1.766-2.045c.275-.674.488-1.38.668-1.982a1 1 0 0 1 1.916 0c.18.602.393 1.308.668 1.982c.266.651.838 2.142 1.766 2.045c1.286-.135 2.777-2.07 3.134-3.222c.387-1.25-2.172-1.495-2.928-1.607a1 1 0 0 1 .257-1.983c1.757.195 3.289-.547 3.686-1.887c.069-.266.089-.536.122-.807a80 80 0 0 0 .288-2.992c.037-.468.247-1.637-.522-1.506c-.286.049-.823.241-1.749.903c-1.943 1.389-3.705 3.513-4.789 5.64a1 1 0 0 1-1.782 0c-1.084-2.127-2.846-4.251-4.789-5.64c-.926-.662-1.463-.854-1.749-.903c-.784-.134-.559 1.034-.522 1.506"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.907 3.44c.709.12 1.533.501 2.576 1.247C9.28 5.97 10.769 7.739 12 9.564c1.231-1.825 2.72-3.593 4.517-4.877c1.043-.746 1.867-1.127 2.576-1.248c.767-.13 1.29.065 1.615.2C21.717 4.06 22 5.225 22 6.215c0 .201-.086 1.302-.185 2.36c-.052.546-.11 1.108-.166 1.577c-.053.428-.115.88-.19 1.133a4.33 4.33 0 0 1-1.951 2.517c.937.707 1.277 1.856.928 2.984c-.597 1.924-2.737 4.397-4.835 4.618c-1.773.186-2.935-1.325-3.601-2.76c-.666 1.435-1.828 2.946-3.6 2.76c-2.099-.22-4.24-2.694-4.836-4.618c-.35-1.128-.01-2.277.928-2.984a4.33 4.33 0 0 1-1.95-2.517c-.076-.253-.138-.705-.19-1.133a61 61 0 0 1-.167-1.577C2.085 7.517 2 6.416 2 6.215c0-.99.283-2.155 1.292-2.576c.326-.135.847-.33 1.615-.2M4.05 6.916c.064.818.18 2.108.288 2.992c.032.268.055.545.122.807c.397 1.34 1.929 2.082 3.686 1.887a1 1 0 0 1 .257 1.983c-.756.112-3.315.357-2.928 1.607c.357 1.151 1.848 3.087 3.134 3.222c.928.097 1.5-1.394 1.766-2.045c.275-.674.488-1.38.668-1.982a1 1 0 0 1 1.916 0c.18.602.393 1.308.668 1.982c.266.651.838 2.142 1.766 2.045c1.286-.135 2.777-2.07 3.134-3.222c.387-1.25-2.172-1.495-2.928-1.607a1 1 0 0 1 .257-1.983c1.757.195 3.289-.547 3.686-1.887c.069-.266.089-.536.122-.807a80 80 0 0 0 .288-2.992c.037-.468.247-1.637-.522-1.506c-.286.049-.823.241-1.749.903c-1.943 1.389-3.705 3.513-4.789 5.64a1 1 0 0 1-1.782 0c-1.084-2.127-2.846-4.251-4.789-5.64c-.926-.662-1.463-.854-1.749-.903c-.784-.134-.559 1.034-.522 1.506"/></svg> </template>
CSS
.icon-bluesky-line {
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%22M4.907%203.44c.709.12%201.533.501%202.576%201.247C9.28%205.97%2010.769%207.739%2012%209.564c1.231-1.825%202.72-3.593%204.517-4.877c1.043-.746%201.867-1.127%202.576-1.248c.767-.13%201.29.065%201.615.2C21.717%204.06%2022%205.225%2022%206.215c0%20.201-.086%201.302-.185%202.36c-.052.546-.11%201.108-.166%201.577c-.053.428-.115.88-.19%201.133a4.33%204.33%200%200%201-1.951%202.517c.937.707%201.277%201.856.928%202.984c-.597%201.924-2.737%204.397-4.835%204.618c-1.773.186-2.935-1.325-3.601-2.76c-.666%201.435-1.828%202.946-3.6%202.76c-2.099-.22-4.24-2.694-4.836-4.618c-.35-1.128-.01-2.277.928-2.984a4.33%204.33%200%200%201-1.95-2.517c-.076-.253-.138-.705-.19-1.133a61%2061%200%200%201-.167-1.577C2.085%207.517%202%206.416%202%206.215c0-.99.283-2.155%201.292-2.576c.326-.135.847-.33%201.615-.2M4.05%206.916c.064.818.18%202.108.288%202.992c.032.268.055.545.122.807c.397%201.34%201.929%202.082%203.686%201.887a1%201%200%200%201%20.257%201.983c-.756.112-3.315.357-2.928%201.607c.357%201.151%201.848%203.087%203.134%203.222c.928.097%201.5-1.394%201.766-2.045c.275-.674.488-1.38.668-1.982a1%201%200%200%201%201.916%200c.18.602.393%201.308.668%201.982c.266.651.838%202.142%201.766%202.045c1.286-.135%202.777-2.07%203.134-3.222c.387-1.25-2.172-1.495-2.928-1.607a1%201%200%200%201%20.257-1.983c1.757.195%203.289-.547%203.686-1.887c.069-.266.089-.536.122-.807a80%2080%200%200%200%20.288-2.992c.037-.468.247-1.637-.522-1.506c-.286.049-.823.241-1.749.903c-1.943%201.389-3.705%203.513-4.789%205.64a1%201%200%200%201-1.782%200c-1.084-2.127-2.846-4.251-4.789-5.64c-.926-.662-1.463-.854-1.749-.903c-.784-.134-.559%201.034-.522%201.506%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%22M4.907%203.44c.709.12%201.533.501%202.576%201.247C9.28%205.97%2010.769%207.739%2012%209.564c1.231-1.825%202.72-3.593%204.517-4.877c1.043-.746%201.867-1.127%202.576-1.248c.767-.13%201.29.065%201.615.2C21.717%204.06%2022%205.225%2022%206.215c0%20.201-.086%201.302-.185%202.36c-.052.546-.11%201.108-.166%201.577c-.053.428-.115.88-.19%201.133a4.33%204.33%200%200%201-1.951%202.517c.937.707%201.277%201.856.928%202.984c-.597%201.924-2.737%204.397-4.835%204.618c-1.773.186-2.935-1.325-3.601-2.76c-.666%201.435-1.828%202.946-3.6%202.76c-2.099-.22-4.24-2.694-4.836-4.618c-.35-1.128-.01-2.277.928-2.984a4.33%204.33%200%200%201-1.95-2.517c-.076-.253-.138-.705-.19-1.133a61%2061%200%200%201-.167-1.577C2.085%207.517%202%206.416%202%206.215c0-.99.283-2.155%201.292-2.576c.326-.135.847-.33%201.615-.2M4.05%206.916c.064.818.18%202.108.288%202.992c.032.268.055.545.122.807c.397%201.34%201.929%202.082%203.686%201.887a1%201%200%200%201%20.257%201.983c-.756.112-3.315.357-2.928%201.607c.357%201.151%201.848%203.087%203.134%203.222c.928.097%201.5-1.394%201.766-2.045c.275-.674.488-1.38.668-1.982a1%201%200%200%201%201.916%200c.18.602.393%201.308.668%201.982c.266.651.838%202.142%201.766%202.045c1.286-.135%202.777-2.07%203.134-3.222c.387-1.25-2.172-1.495-2.928-1.607a1%201%200%200%201%20.257-1.983c1.757.195%203.289-.547%203.686-1.887c.069-.266.089-.536.122-.807a80%2080%200%200%200%20.288-2.992c.037-.468.247-1.637-.522-1.506c-.286.049-.823.241-1.749.903c-1.943%201.389-3.705%203.513-4.789%205.64a1%201%200%200%201-1.782%200c-1.084-2.127-2.846-4.251-4.789-5.64c-.926-.662-1.463-.854-1.749-.903c-.784-.134-.559%201.034-.522%201.506%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/bluesky-line.svg?color=%231a73e8&size=48
