aya logo
aya from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- aya
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the aya logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.066.131c-.064-.106-.212-.17-.34-.106l-2.39 1.333c-1.206.678-1.968 1.397-2.434 2.772a4.677 4.677 0 00.339 3.746c.063.106.212.17.338.106l2.392-1.333c1.206-.678 1.968-1.397 2.433-2.772A4.677 4.677 0 0019.066.13zM1.926 5.421a.325.325 0 00-.318.318c0 1.714.74 3.258 1.905 4.316C4.867 11.283 6.136 11.6 7.872 11.6H11.3c.169 0 .317-.148.317-.317 0-1.714-.74-3.26-1.904-4.317C8.358 5.739 7.089 5.42 5.353 5.42H1.927zM23.826 10.542a.325.325 0 00-.317-.317v.02h-3.47c-1.757 0-3.047.34-4.423 1.567-1.185 1.036-1.946 2.623-1.946 4.359 0 .169.148.317.317.317h3.47c1.757 0 3.047-.339 4.423-1.566a5.893 5.893 0 001.947-4.38zM0 15.79c0-.233.19-.445.444-.445h4.804c2.433 0 4.21.466 6.115 2.18 1.63 1.46 2.645 3.64 2.666 6.03 0 .233-.19.445-.444.445H8.782c-2.434 0-4.211-.444-6.116-2.158C1.036 20.36.021 18.18 0 15.79z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubAya(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" fillRule="evenodd" d="M19.066.131c-.064-.106-.212-.17-.34-.106l-2.39 1.333c-1.206.678-1.968 1.397-2.434 2.772a4.677 4.677 0 00.339 3.746c.063.106.212.17.338.106l2.392-1.333c1.206-.678 1.968-1.397 2.433-2.772A4.677 4.677 0 0019.066.13zM1.926 5.421a.325.325 0 00-.318.318c0 1.714.74 3.258 1.905 4.316C4.867 11.283 6.136 11.6 7.872 11.6H11.3c.169 0 .317-.148.317-.317 0-1.714-.74-3.26-1.904-4.317C8.358 5.739 7.089 5.42 5.353 5.42H1.927zM23.826 10.542a.325.325 0 00-.317-.317v.02h-3.47c-1.757 0-3.047.34-4.423 1.567-1.185 1.036-1.946 2.623-1.946 4.359 0 .169.148.317.317.317h3.47c1.757 0 3.047-.339 4.423-1.566a5.893 5.893 0 001.947-4.38zM0 15.79c0-.233.19-.445.444-.445h4.804c2.433 0 4.21.466 6.115 2.18 1.63 1.46 2.645 3.64 2.666 6.03 0 .233-.19.445-.444.445H8.782c-2.434 0-4.211-.444-6.116-2.158C1.036 20.36.021 18.18 0 15.79z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M19.066.131c-.064-.106-.212-.17-.34-.106l-2.39 1.333c-1.206.678-1.968 1.397-2.434 2.772a4.677 4.677 0 00.339 3.746c.063.106.212.17.338.106l2.392-1.333c1.206-.678 1.968-1.397 2.433-2.772A4.677 4.677 0 0019.066.13zM1.926 5.421a.325.325 0 00-.318.318c0 1.714.74 3.258 1.905 4.316C4.867 11.283 6.136 11.6 7.872 11.6H11.3c.169 0 .317-.148.317-.317 0-1.714-.74-3.26-1.904-4.317C8.358 5.739 7.089 5.42 5.353 5.42H1.927zM23.826 10.542a.325.325 0 00-.317-.317v.02h-3.47c-1.757 0-3.047.34-4.423 1.567-1.185 1.036-1.946 2.623-1.946 4.359 0 .169.148.317.317.317h3.47c1.757 0 3.047-.339 4.423-1.566a5.893 5.893 0 001.947-4.38zM0 15.79c0-.233.19-.445.444-.445h4.804c2.433 0 4.21.466 6.115 2.18 1.63 1.46 2.645 3.64 2.666 6.03 0 .233-.19.445-.444.445H8.782c-2.434 0-4.211-.444-6.116-2.158C1.036 20.36.021 18.18 0 15.79z"/></svg> </template>
CSS
.icon-aya {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M19.066.131c-.064-.106-.212-.17-.34-.106l-2.39%201.333c-1.206.678-1.968%201.397-2.434%202.772a4.677%204.677%200%2000.339%203.746c.063.106.212.17.338.106l2.392-1.333c1.206-.678%201.968-1.397%202.433-2.772A4.677%204.677%200%200019.066.13zM1.926%205.421a.325.325%200%2000-.318.318c0%201.714.74%203.258%201.905%204.316C4.867%2011.283%206.136%2011.6%207.872%2011.6H11.3c.169%200%20.317-.148.317-.317%200-1.714-.74-3.26-1.904-4.317C8.358%205.739%207.089%205.42%205.353%205.42H1.927zM23.826%2010.542a.325.325%200%2000-.317-.317v.02h-3.47c-1.757%200-3.047.34-4.423%201.567-1.185%201.036-1.946%202.623-1.946%204.359%200%20.169.148.317.317.317h3.47c1.757%200%203.047-.339%204.423-1.566a5.893%205.893%200%20001.947-4.38zM0%2015.79c0-.233.19-.445.444-.445h4.804c2.433%200%204.21.466%206.115%202.18%201.63%201.46%202.645%203.64%202.666%206.03%200%20.233-.19.445-.444.445H8.782c-2.434%200-4.211-.444-6.116-2.158C1.036%2020.36.021%2018.18%200%2015.79z%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%20fill-rule%3D%22evenodd%22%20d%3D%22M19.066.131c-.064-.106-.212-.17-.34-.106l-2.39%201.333c-1.206.678-1.968%201.397-2.434%202.772a4.677%204.677%200%2000.339%203.746c.063.106.212.17.338.106l2.392-1.333c1.206-.678%201.968-1.397%202.433-2.772A4.677%204.677%200%200019.066.13zM1.926%205.421a.325.325%200%2000-.318.318c0%201.714.74%203.258%201.905%204.316C4.867%2011.283%206.136%2011.6%207.872%2011.6H11.3c.169%200%20.317-.148.317-.317%200-1.714-.74-3.26-1.904-4.317C8.358%205.739%207.089%205.42%205.353%205.42H1.927zM23.826%2010.542a.325.325%200%2000-.317-.317v.02h-3.47c-1.757%200-3.047.34-4.423%201.567-1.185%201.036-1.946%202.623-1.946%204.359%200%20.169.148.317.317.317h3.47c1.757%200%203.047-.339%204.423-1.566a5.893%205.893%200%20001.947-4.38zM0%2015.79c0-.233.19-.445.444-.445h4.804c2.433%200%204.21.466%206.115%202.18%201.63%201.46%202.645%203.64%202.666%206.03%200%20.233-.19.445-.444.445H8.782c-2.434%200-4.211-.444-6.116-2.158C1.036%2020.36.021%2018.18%200%2015.79z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/aya.svg?color=%231a73e8&size=48
