moxt logo
moxt-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- moxt-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the moxt logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#29c16a" d="M12.03 11.936v6.22L6.477 15.05l-.002-6.21 5.557 3.095z"/><path fill="#29c16a" fill-rule="evenodd" d="M10.646.36a2.77 2.77 0 012.729 0l8.284 4.713A2.623 2.623 0 0123 7.347v9.34c0 .936-.511 1.803-1.341 2.276l-8.23 4.678a2.77 2.77 0 01-2.727.001l-8.36-4.745A2.623 2.623 0 011 16.621v-4.553l.001-.002H1V7.36c0-.936.51-1.803 1.34-2.276L10.646.36zm1.882 4.12a1.03 1.03 0 00-1.015 0L5.612 7.838a.975.975 0 00-.498.846v6.643c0 .349.19.671.499.846l5.883 3.349a1.03 1.03 0 001.011.002l5.875-3.306a.977.977 0 00.503-.848v-6.71c0-.349-.19-.671-.5-.847l-5.857-3.331z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubMoxtColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#29c16a" d="M12.03 11.936v6.22L6.477 15.05l-.002-6.21 5.557 3.095z"/><path fill="#29c16a" fillRule="evenodd" d="M10.646.36a2.77 2.77 0 012.729 0l8.284 4.713A2.623 2.623 0 0123 7.347v9.34c0 .936-.511 1.803-1.341 2.276l-8.23 4.678a2.77 2.77 0 01-2.727.001l-8.36-4.745A2.623 2.623 0 011 16.621v-4.553l.001-.002H1V7.36c0-.936.51-1.803 1.34-2.276L10.646.36zm1.882 4.12a1.03 1.03 0 00-1.015 0L5.612 7.838a.975.975 0 00-.498.846v6.643c0 .349.19.671.499.846l5.883 3.349a1.03 1.03 0 001.011.002l5.875-3.306a.977.977 0 00.503-.848v-6.71c0-.349-.19-.671-.5-.847l-5.857-3.331z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#29c16a" d="M12.03 11.936v6.22L6.477 15.05l-.002-6.21 5.557 3.095z"/><path fill="#29c16a" fill-rule="evenodd" d="M10.646.36a2.77 2.77 0 012.729 0l8.284 4.713A2.623 2.623 0 0123 7.347v9.34c0 .936-.511 1.803-1.341 2.276l-8.23 4.678a2.77 2.77 0 01-2.727.001l-8.36-4.745A2.623 2.623 0 011 16.621v-4.553l.001-.002H1V7.36c0-.936.51-1.803 1.34-2.276L10.646.36zm1.882 4.12a1.03 1.03 0 00-1.015 0L5.612 7.838a.975.975 0 00-.498.846v6.643c0 .349.19.671.499.846l5.883 3.349a1.03 1.03 0 001.011.002l5.875-3.306a.977.977 0 00.503-.848v-6.71c0-.349-.19-.671-.5-.847l-5.857-3.331z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-moxt-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%2329c16a%22%20d%3D%22M12.03%2011.936v6.22L6.477%2015.05l-.002-6.21%205.557%203.095z%22%2F%3E%3Cpath%20fill%3D%22%2329c16a%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.646.36a2.77%202.77%200%20012.729%200l8.284%204.713A2.623%202.623%200%200123%207.347v9.34c0%20.936-.511%201.803-1.341%202.276l-8.23%204.678a2.77%202.77%200%2001-2.727.001l-8.36-4.745A2.623%202.623%200%20011%2016.621v-4.553l.001-.002H1V7.36c0-.936.51-1.803%201.34-2.276L10.646.36zm1.882%204.12a1.03%201.03%200%2000-1.015%200L5.612%207.838a.975.975%200%2000-.498.846v6.643c0%20.349.19.671.499.846l5.883%203.349a1.03%201.03%200%20001.011.002l5.875-3.306a.977.977%200%2000.503-.848v-6.71c0-.349-.19-.671-.5-.847l-5.857-3.331z%22%20clip-rule%3D%22evenodd%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%2329c16a%22%20d%3D%22M12.03%2011.936v6.22L6.477%2015.05l-.002-6.21%205.557%203.095z%22%2F%3E%3Cpath%20fill%3D%22%2329c16a%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.646.36a2.77%202.77%200%20012.729%200l8.284%204.713A2.623%202.623%200%200123%207.347v9.34c0%20.936-.511%201.803-1.341%202.276l-8.23%204.678a2.77%202.77%200%2001-2.727.001l-8.36-4.745A2.623%202.623%200%20011%2016.621v-4.553l.001-.002H1V7.36c0-.936.51-1.803%201.34-2.276L10.646.36zm1.882%204.12a1.03%201.03%200%2000-1.015%200L5.612%207.838a.975.975%200%2000-.498.846v6.643c0%20.349.19.671.499.846l5.883%203.349a1.03%201.03%200%20001.011.002l5.875-3.306a.977.977%200%2000.503-.848v-6.71c0-.349-.19-.671-.5-.847l-5.857-3.331z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/moxt-color.svg?color=%231a73e8&size=48
