astro logo
astro from Catppuccin Icons by Catppuccin · Color · MIT Free for personal and commercial use.
- Name
- astro
- Set
- Catppuccin Icons
- Style
- Color
- Viewbox
- 16×16
- License
- MIT
The same logo in other sets
Related icons in Catppuccin Icons
Use the astro logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#cad3f5" d="M10.561 1.61L13.5 10.5c-.995-.517-2.395-1.298-3.5-1.493L8 3.5L6 9.007c-1.11.194-2.5.974-3.5 1.493l3.163-8.891c.121-.398.182-.597.302-.745A1 1 0 0 1 6.36.57c.176-.07.384-.07.8-.07h1.902c.416 0 .625 0 .801.071a1 1 0 0 1 .396.293c.12.148.18.347.301.746"/><path stroke="#c6a0f6" d="M10.411 11.266c-.43.365-1.292.613-2.283.613c-1.217 0-2.237-.374-2.508-.879a2.8 2.8 0 0 0-.119.831s-.063 1.038.666 1.76c0-.374.307-.679.686-.679c.648 0 .648.561.647 1.016v.04c0 .691.426 1.282 1.032 1.532a1.4 1.4 0 0 1-.141-.61c0-.658.39-.903.845-1.188c.36-.227.761-.479 1.038-.985a1.84 1.84 0 0 0 .137-1.451"/></g></svg>
React
import type { SVGProps } from "react";
export function CatppuccinAstro(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none" strokeLinecap="round" strokeLinejoin="round"><path stroke="#cad3f5" d="M10.561 1.61L13.5 10.5c-.995-.517-2.395-1.298-3.5-1.493L8 3.5L6 9.007c-1.11.194-2.5.974-3.5 1.493l3.163-8.891c.121-.398.182-.597.302-.745A1 1 0 0 1 6.36.57c.176-.07.384-.07.8-.07h1.902c.416 0 .625 0 .801.071a1 1 0 0 1 .396.293c.12.148.18.347.301.746"/><path stroke="#c6a0f6" d="M10.411 11.266c-.43.365-1.292.613-2.283.613c-1.217 0-2.237-.374-2.508-.879a2.8 2.8 0 0 0-.119.831s-.063 1.038.666 1.76c0-.374.307-.679.686-.679c.648 0 .648.561.647 1.016v.04c0 .691.426 1.282 1.032 1.532a1.4 1.4 0 0 1-.141-.61c0-.658.39-.903.845-1.188c.36-.227.761-.479 1.038-.985a1.84 1.84 0 0 0 .137-1.451"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="#cad3f5" d="M10.561 1.61L13.5 10.5c-.995-.517-2.395-1.298-3.5-1.493L8 3.5L6 9.007c-1.11.194-2.5.974-3.5 1.493l3.163-8.891c.121-.398.182-.597.302-.745A1 1 0 0 1 6.36.57c.176-.07.384-.07.8-.07h1.902c.416 0 .625 0 .801.071a1 1 0 0 1 .396.293c.12.148.18.347.301.746"/><path stroke="#c6a0f6" d="M10.411 11.266c-.43.365-1.292.613-2.283.613c-1.217 0-2.237-.374-2.508-.879a2.8 2.8 0 0 0-.119.831s-.063 1.038.666 1.76c0-.374.307-.679.686-.679c.648 0 .648.561.647 1.016v.04c0 .691.426 1.282 1.032 1.532a1.4 1.4 0 0 1-.141-.61c0-.658.39-.903.845-1.188c.36-.227.761-.479 1.038-.985a1.84 1.84 0 0 0 .137-1.451"/></g></svg> </template>
CSS
.icon-astro {
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%2016%2016%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke%3D%22%23cad3f5%22%20d%3D%22M10.561%201.61L13.5%2010.5c-.995-.517-2.395-1.298-3.5-1.493L8%203.5L6%209.007c-1.11.194-2.5.974-3.5%201.493l3.163-8.891c.121-.398.182-.597.302-.745A1%201%200%200%201%206.36.57c.176-.07.384-.07.8-.07h1.902c.416%200%20.625%200%20.801.071a1%201%200%200%201%20.396.293c.12.148.18.347.301.746%22%2F%3E%3Cpath%20stroke%3D%22%23c6a0f6%22%20d%3D%22M10.411%2011.266c-.43.365-1.292.613-2.283.613c-1.217%200-2.237-.374-2.508-.879a2.8%202.8%200%200%200-.119.831s-.063%201.038.666%201.76c0-.374.307-.679.686-.679c.648%200%20.648.561.647%201.016v.04c0%20.691.426%201.282%201.032%201.532a1.4%201.4%200%200%201-.141-.61c0-.658.39-.903.845-1.188c.36-.227.761-.479%201.038-.985a1.84%201.84%200%200%200%20.137-1.451%22%2F%3E%3C%2Fg%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%2016%2016%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke%3D%22%23cad3f5%22%20d%3D%22M10.561%201.61L13.5%2010.5c-.995-.517-2.395-1.298-3.5-1.493L8%203.5L6%209.007c-1.11.194-2.5.974-3.5%201.493l3.163-8.891c.121-.398.182-.597.302-.745A1%201%200%200%201%206.36.57c.176-.07.384-.07.8-.07h1.902c.416%200%20.625%200%20.801.071a1%201%200%200%201%20.396.293c.12.148.18.347.301.746%22%2F%3E%3Cpath%20stroke%3D%22%23c6a0f6%22%20d%3D%22M10.411%2011.266c-.43.365-1.292.613-2.283.613c-1.217%200-2.237-.374-2.508-.879a2.8%202.8%200%200%200-.119.831s-.063%201.038.666%201.76c0-.374.307-.679.686-.679c.648%200%20.648.561.647%201.016v.04c0%20.691.426%201.282%201.032%201.532a1.4%201.4%200%200%201-.141-.61c0-.658.39-.903.845-1.188c.36-.227.761-.479%201.038-.985a1.84%201.84%200%200%200%20.137-1.451%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/catppuccin/astro.svg?color=%231a73e8&size=48
