hyperbolic logo
hyperbolic-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- hyperbolic-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the hyperbolic logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#594ce9" d="M.193 19.503a2.413 2.413 0 00-.186.925c0 1.317 1.112 2.518 2.95 3.437a1.337 1.337 0 001.838-.738l2.049-4.93c.359-.857.642-1.745.846-2.652-3.795.637-6.656 2.092-7.448 3.872l-.032.076-.017.01zm7.49-11.047a15.981 15.981 0 00-.846-2.653L4.79.873a1.34 1.34 0 00-1.84-.738C1.112 1.054 0 2.256 0 3.573c0 .317.064.631.186.924v.01l.032.077c.81 1.78 3.67 3.234 7.466 3.872zM21.049.136c1.838.918 2.95 2.12 2.95 3.436a2.454 2.454 0 01-.196.925l-.027.063c-.785 1.792-3.653 3.254-7.46 3.896.204-.907.487-1.795.846-2.653L19.21.873a1.337 1.337 0 011.839-.738zm-4.722 15.409c.201.906.48 1.793.837 2.65l2.048 4.932a1.338 1.338 0 001.838.738c1.839-.92 2.951-2.12 2.951-3.437a2.446 2.446 0 00-.186-.925l-.027-.062c-.782-1.792-3.66-3.256-7.46-3.896zm-.129-6.04c2.695-.415 4.935-1.223 6.48-2.278L22.24 8.28a9.755 9.755 0 000 7.437l.435 1.048c-1.547-1.055-3.787-1.855-6.479-2.275l-.07-.01A27.196 27.196 0 0012 14.172c-1.377-.002-2.752.1-4.114.307l-.071.01c-2.693.413-4.933 1.222-6.48 2.277l.437-1.05a9.755 9.755 0 000-7.437l-.437-1.052c1.54 1.06 3.78 1.863 6.473 2.278l.071.01c2.734.407 5.513.407 8.246 0l.071-.01z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubHyperbolicColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#594ce9" d="M.193 19.503a2.413 2.413 0 00-.186.925c0 1.317 1.112 2.518 2.95 3.437a1.337 1.337 0 001.838-.738l2.049-4.93c.359-.857.642-1.745.846-2.652-3.795.637-6.656 2.092-7.448 3.872l-.032.076-.017.01zm7.49-11.047a15.981 15.981 0 00-.846-2.653L4.79.873a1.34 1.34 0 00-1.84-.738C1.112 1.054 0 2.256 0 3.573c0 .317.064.631.186.924v.01l.032.077c.81 1.78 3.67 3.234 7.466 3.872zM21.049.136c1.838.918 2.95 2.12 2.95 3.436a2.454 2.454 0 01-.196.925l-.027.063c-.785 1.792-3.653 3.254-7.46 3.896.204-.907.487-1.795.846-2.653L19.21.873a1.337 1.337 0 011.839-.738zm-4.722 15.409c.201.906.48 1.793.837 2.65l2.048 4.932a1.338 1.338 0 001.838.738c1.839-.92 2.951-2.12 2.951-3.437a2.446 2.446 0 00-.186-.925l-.027-.062c-.782-1.792-3.66-3.256-7.46-3.896zm-.129-6.04c2.695-.415 4.935-1.223 6.48-2.278L22.24 8.28a9.755 9.755 0 000 7.437l.435 1.048c-1.547-1.055-3.787-1.855-6.479-2.275l-.07-.01A27.196 27.196 0 0012 14.172c-1.377-.002-2.752.1-4.114.307l-.071.01c-2.693.413-4.933 1.222-6.48 2.277l.437-1.05a9.755 9.755 0 000-7.437l-.437-1.052c1.54 1.06 3.78 1.863 6.473 2.278l.071.01c2.734.407 5.513.407 8.246 0l.071-.01z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#594ce9" d="M.193 19.503a2.413 2.413 0 00-.186.925c0 1.317 1.112 2.518 2.95 3.437a1.337 1.337 0 001.838-.738l2.049-4.93c.359-.857.642-1.745.846-2.652-3.795.637-6.656 2.092-7.448 3.872l-.032.076-.017.01zm7.49-11.047a15.981 15.981 0 00-.846-2.653L4.79.873a1.34 1.34 0 00-1.84-.738C1.112 1.054 0 2.256 0 3.573c0 .317.064.631.186.924v.01l.032.077c.81 1.78 3.67 3.234 7.466 3.872zM21.049.136c1.838.918 2.95 2.12 2.95 3.436a2.454 2.454 0 01-.196.925l-.027.063c-.785 1.792-3.653 3.254-7.46 3.896.204-.907.487-1.795.846-2.653L19.21.873a1.337 1.337 0 011.839-.738zm-4.722 15.409c.201.906.48 1.793.837 2.65l2.048 4.932a1.338 1.338 0 001.838.738c1.839-.92 2.951-2.12 2.951-3.437a2.446 2.446 0 00-.186-.925l-.027-.062c-.782-1.792-3.66-3.256-7.46-3.896zm-.129-6.04c2.695-.415 4.935-1.223 6.48-2.278L22.24 8.28a9.755 9.755 0 000 7.437l.435 1.048c-1.547-1.055-3.787-1.855-6.479-2.275l-.07-.01A27.196 27.196 0 0012 14.172c-1.377-.002-2.752.1-4.114.307l-.071.01c-2.693.413-4.933 1.222-6.48 2.277l.437-1.05a9.755 9.755 0 000-7.437l-.437-1.052c1.54 1.06 3.78 1.863 6.473 2.278l.071.01c2.734.407 5.513.407 8.246 0l.071-.01z"/></svg> </template>
CSS
.icon-hyperbolic-color {
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%22%23594ce9%22%20d%3D%22M.193%2019.503a2.413%202.413%200%2000-.186.925c0%201.317%201.112%202.518%202.95%203.437a1.337%201.337%200%20001.838-.738l2.049-4.93c.359-.857.642-1.745.846-2.652-3.795.637-6.656%202.092-7.448%203.872l-.032.076-.017.01zm7.49-11.047a15.981%2015.981%200%2000-.846-2.653L4.79.873a1.34%201.34%200%2000-1.84-.738C1.112%201.054%200%202.256%200%203.573c0%20.317.064.631.186.924v.01l.032.077c.81%201.78%203.67%203.234%207.466%203.872zM21.049.136c1.838.918%202.95%202.12%202.95%203.436a2.454%202.454%200%2001-.196.925l-.027.063c-.785%201.792-3.653%203.254-7.46%203.896.204-.907.487-1.795.846-2.653L19.21.873a1.337%201.337%200%20011.839-.738zm-4.722%2015.409c.201.906.48%201.793.837%202.65l2.048%204.932a1.338%201.338%200%20001.838.738c1.839-.92%202.951-2.12%202.951-3.437a2.446%202.446%200%2000-.186-.925l-.027-.062c-.782-1.792-3.66-3.256-7.46-3.896zm-.129-6.04c2.695-.415%204.935-1.223%206.48-2.278L22.24%208.28a9.755%209.755%200%20000%207.437l.435%201.048c-1.547-1.055-3.787-1.855-6.479-2.275l-.07-.01A27.196%2027.196%200%200012%2014.172c-1.377-.002-2.752.1-4.114.307l-.071.01c-2.693.413-4.933%201.222-6.48%202.277l.437-1.05a9.755%209.755%200%20000-7.437l-.437-1.052c1.54%201.06%203.78%201.863%206.473%202.278l.071.01c2.734.407%205.513.407%208.246%200l.071-.01z%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%22%23594ce9%22%20d%3D%22M.193%2019.503a2.413%202.413%200%2000-.186.925c0%201.317%201.112%202.518%202.95%203.437a1.337%201.337%200%20001.838-.738l2.049-4.93c.359-.857.642-1.745.846-2.652-3.795.637-6.656%202.092-7.448%203.872l-.032.076-.017.01zm7.49-11.047a15.981%2015.981%200%2000-.846-2.653L4.79.873a1.34%201.34%200%2000-1.84-.738C1.112%201.054%200%202.256%200%203.573c0%20.317.064.631.186.924v.01l.032.077c.81%201.78%203.67%203.234%207.466%203.872zM21.049.136c1.838.918%202.95%202.12%202.95%203.436a2.454%202.454%200%2001-.196.925l-.027.063c-.785%201.792-3.653%203.254-7.46%203.896.204-.907.487-1.795.846-2.653L19.21.873a1.337%201.337%200%20011.839-.738zm-4.722%2015.409c.201.906.48%201.793.837%202.65l2.048%204.932a1.338%201.338%200%20001.838.738c1.839-.92%202.951-2.12%202.951-3.437a2.446%202.446%200%2000-.186-.925l-.027-.062c-.782-1.792-3.66-3.256-7.46-3.896zm-.129-6.04c2.695-.415%204.935-1.223%206.48-2.278L22.24%208.28a9.755%209.755%200%20000%207.437l.435%201.048c-1.547-1.055-3.787-1.855-6.479-2.275l-.07-.01A27.196%2027.196%200%200012%2014.172c-1.377-.002-2.752.1-4.114.307l-.071.01c-2.693.413-4.933%201.222-6.48%202.277l.437-1.05a9.755%209.755%200%20000-7.437l-.437-1.052c1.54%201.06%203.78%201.863%206.473%202.278l.071.01c2.734.407%205.513.407%208.246%200l.071-.01z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/hyperbolic-color.svg?color=%231a73e8&size=48
