infermatic logo
infermatic-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- infermatic-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the infermatic logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#4334f5" d="M9.686 11.976a6297.72 6297.72 0 00-.006-5.112.353.353 0 00-.355-.35H2.279A.28.28 0 012 6.234V2.226c0-.06.023-.117.065-.16A.22.22 0 012.222 2h11.665a.274.274 0 01.273.262c.14 3.141.023 6.296.026 9.762l.008 5.11a.353.353 0 00.353.352h7.046a.28.28 0 01.279.28v4.009a.227.227 0 01-.137.208.22.22 0 01-.085.017H9.985a.273.273 0 01-.273-.262c-.14-3.141-.02-6.296-.026-9.762zM21.619 2.041l-3.896-.02a.282.282 0 00-.283.28l-.02 3.902c-.002.156.124.282.28.283l3.895.02a.282.282 0 00.284-.28l.02-3.901a.282.282 0 00-.28-.284zM6.166 17.518H2.31a.299.299 0 00-.299.299v3.855c0 .166.134.3.3.3h3.855a.299.299 0 00.3-.3v-3.855a.299.299 0 00-.3-.3z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubInfermaticColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#4334f5" d="M9.686 11.976a6297.72 6297.72 0 00-.006-5.112.353.353 0 00-.355-.35H2.279A.28.28 0 012 6.234V2.226c0-.06.023-.117.065-.16A.22.22 0 012.222 2h11.665a.274.274 0 01.273.262c.14 3.141.023 6.296.026 9.762l.008 5.11a.353.353 0 00.353.352h7.046a.28.28 0 01.279.28v4.009a.227.227 0 01-.137.208.22.22 0 01-.085.017H9.985a.273.273 0 01-.273-.262c-.14-3.141-.02-6.296-.026-9.762zM21.619 2.041l-3.896-.02a.282.282 0 00-.283.28l-.02 3.902c-.002.156.124.282.28.283l3.895.02a.282.282 0 00.284-.28l.02-3.901a.282.282 0 00-.28-.284zM6.166 17.518H2.31a.299.299 0 00-.299.299v3.855c0 .166.134.3.3.3h3.855a.299.299 0 00.3-.3v-3.855a.299.299 0 00-.3-.3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#4334f5" d="M9.686 11.976a6297.72 6297.72 0 00-.006-5.112.353.353 0 00-.355-.35H2.279A.28.28 0 012 6.234V2.226c0-.06.023-.117.065-.16A.22.22 0 012.222 2h11.665a.274.274 0 01.273.262c.14 3.141.023 6.296.026 9.762l.008 5.11a.353.353 0 00.353.352h7.046a.28.28 0 01.279.28v4.009a.227.227 0 01-.137.208.22.22 0 01-.085.017H9.985a.273.273 0 01-.273-.262c-.14-3.141-.02-6.296-.026-9.762zM21.619 2.041l-3.896-.02a.282.282 0 00-.283.28l-.02 3.902c-.002.156.124.282.28.283l3.895.02a.282.282 0 00.284-.28l.02-3.901a.282.282 0 00-.28-.284zM6.166 17.518H2.31a.299.299 0 00-.299.299v3.855c0 .166.134.3.3.3h3.855a.299.299 0 00.3-.3v-3.855a.299.299 0 00-.3-.3z"/></svg> </template>
CSS
.icon-infermatic-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%234334f5%22%20d%3D%22M9.686%2011.976a6297.72%206297.72%200%2000-.006-5.112.353.353%200%2000-.355-.35H2.279A.28.28%200%20012%206.234V2.226c0-.06.023-.117.065-.16A.22.22%200%20012.222%202h11.665a.274.274%200%2001.273.262c.14%203.141.023%206.296.026%209.762l.008%205.11a.353.353%200%2000.353.352h7.046a.28.28%200%2001.279.28v4.009a.227.227%200%2001-.137.208.22.22%200%2001-.085.017H9.985a.273.273%200%2001-.273-.262c-.14-3.141-.02-6.296-.026-9.762zM21.619%202.041l-3.896-.02a.282.282%200%2000-.283.28l-.02%203.902c-.002.156.124.282.28.283l3.895.02a.282.282%200%2000.284-.28l.02-3.901a.282.282%200%2000-.28-.284zM6.166%2017.518H2.31a.299.299%200%2000-.299.299v3.855c0%20.166.134.3.3.3h3.855a.299.299%200%2000.3-.3v-3.855a.299.299%200%2000-.3-.3z%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%234334f5%22%20d%3D%22M9.686%2011.976a6297.72%206297.72%200%2000-.006-5.112.353.353%200%2000-.355-.35H2.279A.28.28%200%20012%206.234V2.226c0-.06.023-.117.065-.16A.22.22%200%20012.222%202h11.665a.274.274%200%2001.273.262c.14%203.141.023%206.296.026%209.762l.008%205.11a.353.353%200%2000.353.352h7.046a.28.28%200%2001.279.28v4.009a.227.227%200%2001-.137.208.22.22%200%2001-.085.017H9.985a.273.273%200%2001-.273-.262c-.14-3.141-.02-6.296-.026-9.762zM21.619%202.041l-3.896-.02a.282.282%200%2000-.283.28l-.02%203.902c-.002.156.124.282.28.283l3.895.02a.282.282%200%2000.284-.28l.02-3.901a.282.282%200%2000-.28-.284zM6.166%2017.518H2.31a.299.299%200%2000-.299.299v3.855c0%20.166.134.3.3.3h3.855a.299.299%200%2000.3-.3v-3.855a.299.299%200%2000-.3-.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/infermatic-color.svg?color=%231a73e8&size=48
