tripo logo
tripo-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- tripo-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the tripo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path fill="#f6d85a" d="M12.661 4.752a.04.04 0 00-.013-.055.038.038 0 00-.02-.005H6.496a.19.19 0 01-.165-.092L4.245 1.052a.034.034 0 01.014-.047A.038.038 0 014.275 1c5.492 0 10.733 0 15.721.002 2.089 0 3.699 1.54 4.003 3.598.008.062-.019.092-.08.092h-6.67a.204.204 0 00-.174.1c-1.414 2.41-2.82 4.803-4.218 7.178-.28.472-.92.62-1.373.342-.19-.116-.357-.304-.502-.561a37.917 37.917 0 00-.882-1.489c-.222-.356-.234-.707-.035-1.052a661.77 661.77 0 012.597-4.46v.002z"/><path d="M10.772 16.986c.57.972 1.935.916 2.489-.028L19 7.164a.127.127 0 01.116-.067h4.23c.017 0 .03.014.028.03 0 .005-.001.01-.003.013-2.605 4.432-5.232 8.906-7.88 13.42-1.283 2.191-4.278 2.517-6.179.947-.308-.254-.665-.727-1.069-1.417-2.525-4.324-5.098-8.71-7.72-13.162-1.063-1.803-.424-3.947 1.19-5.2.053-.041.095-.033.129.023 2.905 4.95 5.882 10.029 8.93 15.236z"/></g></svg>
React
import type { SVGProps } from "react";
export function LobehubTripoColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd"><path fill="#f6d85a" d="M12.661 4.752a.04.04 0 00-.013-.055.038.038 0 00-.02-.005H6.496a.19.19 0 01-.165-.092L4.245 1.052a.034.034 0 01.014-.047A.038.038 0 014.275 1c5.492 0 10.733 0 15.721.002 2.089 0 3.699 1.54 4.003 3.598.008.062-.019.092-.08.092h-6.67a.204.204 0 00-.174.1c-1.414 2.41-2.82 4.803-4.218 7.178-.28.472-.92.62-1.373.342-.19-.116-.357-.304-.502-.561a37.917 37.917 0 00-.882-1.489c-.222-.356-.234-.707-.035-1.052a661.77 661.77 0 012.597-4.46v.002z"/><path d="M10.772 16.986c.57.972 1.935.916 2.489-.028L19 7.164a.127.127 0 01.116-.067h4.23c.017 0 .03.014.028.03 0 .005-.001.01-.003.013-2.605 4.432-5.232 8.906-7.88 13.42-1.283 2.191-4.278 2.517-6.179.947-.308-.254-.665-.727-1.069-1.417-2.525-4.324-5.098-8.71-7.72-13.162-1.063-1.803-.424-3.947 1.19-5.2.053-.041.095-.033.129.023 2.905 4.95 5.882 10.029 8.93 15.236z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path fill="#f6d85a" d="M12.661 4.752a.04.04 0 00-.013-.055.038.038 0 00-.02-.005H6.496a.19.19 0 01-.165-.092L4.245 1.052a.034.034 0 01.014-.047A.038.038 0 014.275 1c5.492 0 10.733 0 15.721.002 2.089 0 3.699 1.54 4.003 3.598.008.062-.019.092-.08.092h-6.67a.204.204 0 00-.174.1c-1.414 2.41-2.82 4.803-4.218 7.178-.28.472-.92.62-1.373.342-.19-.116-.357-.304-.502-.561a37.917 37.917 0 00-.882-1.489c-.222-.356-.234-.707-.035-1.052a661.77 661.77 0 012.597-4.46v.002z"/><path d="M10.772 16.986c.57.972 1.935.916 2.489-.028L19 7.164a.127.127 0 01.116-.067h4.23c.017 0 .03.014.028.03 0 .005-.001.01-.003.013-2.605 4.432-5.232 8.906-7.88 13.42-1.283 2.191-4.278 2.517-6.179.947-.308-.254-.665-.727-1.069-1.417-2.525-4.324-5.098-8.71-7.72-13.162-1.063-1.803-.424-3.947 1.19-5.2.053-.041.095-.033.129.023 2.905 4.95 5.882 10.029 8.93 15.236z"/></g></svg> </template>
CSS
.icon-tripo-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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23f6d85a%22%20d%3D%22M12.661%204.752a.04.04%200%2000-.013-.055.038.038%200%2000-.02-.005H6.496a.19.19%200%2001-.165-.092L4.245%201.052a.034.034%200%2001.014-.047A.038.038%200%20014.275%201c5.492%200%2010.733%200%2015.721.002%202.089%200%203.699%201.54%204.003%203.598.008.062-.019.092-.08.092h-6.67a.204.204%200%2000-.174.1c-1.414%202.41-2.82%204.803-4.218%207.178-.28.472-.92.62-1.373.342-.19-.116-.357-.304-.502-.561a37.917%2037.917%200%2000-.882-1.489c-.222-.356-.234-.707-.035-1.052a661.77%20661.77%200%20012.597-4.46v.002z%22%2F%3E%3Cpath%20d%3D%22M10.772%2016.986c.57.972%201.935.916%202.489-.028L19%207.164a.127.127%200%2001.116-.067h4.23c.017%200%20.03.014.028.03%200%20.005-.001.01-.003.013-2.605%204.432-5.232%208.906-7.88%2013.42-1.283%202.191-4.278%202.517-6.179.947-.308-.254-.665-.727-1.069-1.417-2.525-4.324-5.098-8.71-7.72-13.162-1.063-1.803-.424-3.947%201.19-5.2.053-.041.095-.033.129.023%202.905%204.95%205.882%2010.029%208.93%2015.236z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23f6d85a%22%20d%3D%22M12.661%204.752a.04.04%200%2000-.013-.055.038.038%200%2000-.02-.005H6.496a.19.19%200%2001-.165-.092L4.245%201.052a.034.034%200%2001.014-.047A.038.038%200%20014.275%201c5.492%200%2010.733%200%2015.721.002%202.089%200%203.699%201.54%204.003%203.598.008.062-.019.092-.08.092h-6.67a.204.204%200%2000-.174.1c-1.414%202.41-2.82%204.803-4.218%207.178-.28.472-.92.62-1.373.342-.19-.116-.357-.304-.502-.561a37.917%2037.917%200%2000-.882-1.489c-.222-.356-.234-.707-.035-1.052a661.77%20661.77%200%20012.597-4.46v.002z%22%2F%3E%3Cpath%20d%3D%22M10.772%2016.986c.57.972%201.935.916%202.489-.028L19%207.164a.127.127%200%2001.116-.067h4.23c.017%200%20.03.014.028.03%200%20.005-.001.01-.003.013-2.605%204.432-5.232%208.906-7.88%2013.42-1.283%202.191-4.278%202.517-6.179.947-.308-.254-.665-.727-1.069-1.417-2.525-4.324-5.098-8.71-7.72-13.162-1.063-1.803-.424-3.947%201.19-5.2.053-.041.095-.033.129.023%202.905%204.95%205.882%2010.029%208.93%2015.236z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/tripo-color.svg?color=%231a73e8&size=48
