submodel logo

submodel-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.

Name: submodel-color
Set: LobeHub AI Icons
Style: Color
Viewbox: 24×24
License: MIT

2 other variants in LobeHub AI Icons

Use the submodel logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID7)" d="M23.314 7.947c.206.504.491 1.709.602 2.538.134 1 .06 3-.143 3.938a12.13 12.13 0 01-3.278 6.053c-1.635 1.645-3.678 2.762-6.027 3.294-.712.16-3.534.264-4.062.149-.878-.192-1.255-.82-.897-1.494.074-.139 1.31-1.425 2.746-2.858l2.611-2.603.793-.025c.53-.017.895-.08 1.097-.187.423-.225.895-.718 1.104-1.152.2-.415.292-1.377.163-1.716-.078-.21-.025-.266.725-.768 1.657-1.108 3.122-2.773 4.002-4.545l.45-.905.114.281z"/><path fill="url(#svgID8)" d="M.833 7.787c.031.004.239.382.459.84.748 1.554 2.214 3.267 3.682 4.303 2.034 1.437 4.303 2.194 6.964 2.322l1.203.06-2.937 2.939c-3.255 3.258-3.448 3.407-4.433 3.403-.362-.002-.716-.07-.978-.188-.505-.23-1.726-1.402-2.422-2.326-.955-1.267-1.74-3.002-2.15-4.75-.266-1.143-.243-3.813.044-4.968.23-.928.478-1.642.568-1.635z"/><path fill="url(#svgID9)" fill-rule="evenodd" d="M11.484.028c2.054-.088 2.932.167 3.08.895.1.501-.269.957-2.883 3.57L9.105 7.064l-.731.01c-.555.008-.824.058-1.108.21-1.114.593-1.62 1.858-1.216 3.041.328.964 1.3 1.636 2.34 1.62.215-.005.476-.039.678-.087l-.023.009.089-.03c.924-.268 1.66-1.31 1.665-2.357.002-.344.063-.625.176-.808.095-.156 1.45-1.556 3.012-3.113 3.134-3.122 3.251-3.21 4.287-3.213.823-.003 1.257.225 2.194 1.16a11.968 11.968 0 012.73 4.162l-.447.903c-.88 1.772-2.347 3.437-4.003 4.545-.75.502-.803.559-.725.768.044.114.063.299.06.51a2.444 2.444 0 00-.629-1.478c-1.163-1.287-3.25-1.005-4.008.542-.2.41-.248.64-.244 1.151l.007.639-.067.063-1.204-.06c-1.644-.079-3.139-.398-4.521-.97h-.001a12.485 12.485 0 01-2.442-1.351C3.6 11.96 2.23 10.4 1.446 8.931l-.154-.305c-.22-.459-.428-.836-.459-.84-.032-.003-.082.084-.145.237.015-.062.035-.128.06-.196 1.04-2.842 3.136-5.177 5.88-6.553C8.253.461 9.62.11 11.484.028z" clip-rule="evenodd"/><defs><linearGradient id="svgID7" x1="0" x2="24" y1="14.5" y2="14.5" gradientUnits="userSpaceOnUse"><stop stop-color="#e560fc"/><stop offset="1" stop-color="#673cff"/></linearGradient><linearGradient id="svgID8" x1="0" x2="24" y1="14.5" y2="14.5" gradientUnits="userSpaceOnUse"><stop stop-color="#e560fc"/><stop offset="1" stop-color="#673cff"/></linearGradient><linearGradient id="svgID9" x1=".5" x2="23" y1="8" y2="7.5" gradientUnits="userSpaceOnUse"><stop stop-color="#0ed1fc"/><stop offset="1" stop-color="#3171f5"/></linearGradient></defs></svg>

React

import type { SVGProps } from "react";

export function LobehubSubmodelColor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID7)" d="M23.314 7.947c.206.504.491 1.709.602 2.538.134 1 .06 3-.143 3.938a12.13 12.13 0 01-3.278 6.053c-1.635 1.645-3.678 2.762-6.027 3.294-.712.16-3.534.264-4.062.149-.878-.192-1.255-.82-.897-1.494.074-.139 1.31-1.425 2.746-2.858l2.611-2.603.793-.025c.53-.017.895-.08 1.097-.187.423-.225.895-.718 1.104-1.152.2-.415.292-1.377.163-1.716-.078-.21-.025-.266.725-.768 1.657-1.108 3.122-2.773 4.002-4.545l.45-.905.114.281z"/><path fill="url(#svgID8)" d="M.833 7.787c.031.004.239.382.459.84.748 1.554 2.214 3.267 3.682 4.303 2.034 1.437 4.303 2.194 6.964 2.322l1.203.06-2.937 2.939c-3.255 3.258-3.448 3.407-4.433 3.403-.362-.002-.716-.07-.978-.188-.505-.23-1.726-1.402-2.422-2.326-.955-1.267-1.74-3.002-2.15-4.75-.266-1.143-.243-3.813.044-4.968.23-.928.478-1.642.568-1.635z"/><path fill="url(#svgID9)" fillRule="evenodd" d="M11.484.028c2.054-.088 2.932.167 3.08.895.1.501-.269.957-2.883 3.57L9.105 7.064l-.731.01c-.555.008-.824.058-1.108.21-1.114.593-1.62 1.858-1.216 3.041.328.964 1.3 1.636 2.34 1.62.215-.005.476-.039.678-.087l-.023.009.089-.03c.924-.268 1.66-1.31 1.665-2.357.002-.344.063-.625.176-.808.095-.156 1.45-1.556 3.012-3.113 3.134-3.122 3.251-3.21 4.287-3.213.823-.003 1.257.225 2.194 1.16a11.968 11.968 0 012.73 4.162l-.447.903c-.88 1.772-2.347 3.437-4.003 4.545-.75.502-.803.559-.725.768.044.114.063.299.06.51a2.444 2.444 0 00-.629-1.478c-1.163-1.287-3.25-1.005-4.008.542-.2.41-.248.64-.244 1.151l.007.639-.067.063-1.204-.06c-1.644-.079-3.139-.398-4.521-.97h-.001a12.485 12.485 0 01-2.442-1.351C3.6 11.96 2.23 10.4 1.446 8.931l-.154-.305c-.22-.459-.428-.836-.459-.84-.032-.003-.082.084-.145.237.015-.062.035-.128.06-.196 1.04-2.842 3.136-5.177 5.88-6.553C8.253.461 9.62.11 11.484.028z" clipRule="evenodd"/><defs><linearGradient id="svgID7" x1="0" x2="24" y1="14.5" y2="14.5" gradientUnits="userSpaceOnUse"><stop stopColor="#e560fc"/><stop offset="1" stopColor="#673cff"/></linearGradient><linearGradient id="svgID8" x1="0" x2="24" y1="14.5" y2="14.5" gradientUnits="userSpaceOnUse"><stop stopColor="#e560fc"/><stop offset="1" stopColor="#673cff"/></linearGradient><linearGradient id="svgID9" x1=".5" x2="23" y1="8" y2="7.5" gradientUnits="userSpaceOnUse"><stop stopColor="#0ed1fc"/><stop offset="1" stopColor="#3171f5"/></linearGradient></defs></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID7)" d="M23.314 7.947c.206.504.491 1.709.602 2.538.134 1 .06 3-.143 3.938a12.13 12.13 0 01-3.278 6.053c-1.635 1.645-3.678 2.762-6.027 3.294-.712.16-3.534.264-4.062.149-.878-.192-1.255-.82-.897-1.494.074-.139 1.31-1.425 2.746-2.858l2.611-2.603.793-.025c.53-.017.895-.08 1.097-.187.423-.225.895-.718 1.104-1.152.2-.415.292-1.377.163-1.716-.078-.21-.025-.266.725-.768 1.657-1.108 3.122-2.773 4.002-4.545l.45-.905.114.281z"/><path fill="url(#svgID8)" d="M.833 7.787c.031.004.239.382.459.84.748 1.554 2.214 3.267 3.682 4.303 2.034 1.437 4.303 2.194 6.964 2.322l1.203.06-2.937 2.939c-3.255 3.258-3.448 3.407-4.433 3.403-.362-.002-.716-.07-.978-.188-.505-.23-1.726-1.402-2.422-2.326-.955-1.267-1.74-3.002-2.15-4.75-.266-1.143-.243-3.813.044-4.968.23-.928.478-1.642.568-1.635z"/><path fill="url(#svgID9)" fill-rule="evenodd" d="M11.484.028c2.054-.088 2.932.167 3.08.895.1.501-.269.957-2.883 3.57L9.105 7.064l-.731.01c-.555.008-.824.058-1.108.21-1.114.593-1.62 1.858-1.216 3.041.328.964 1.3 1.636 2.34 1.62.215-.005.476-.039.678-.087l-.023.009.089-.03c.924-.268 1.66-1.31 1.665-2.357.002-.344.063-.625.176-.808.095-.156 1.45-1.556 3.012-3.113 3.134-3.122 3.251-3.21 4.287-3.213.823-.003 1.257.225 2.194 1.16a11.968 11.968 0 012.73 4.162l-.447.903c-.88 1.772-2.347 3.437-4.003 4.545-.75.502-.803.559-.725.768.044.114.063.299.06.51a2.444 2.444 0 00-.629-1.478c-1.163-1.287-3.25-1.005-4.008.542-.2.41-.248.64-.244 1.151l.007.639-.067.063-1.204-.06c-1.644-.079-3.139-.398-4.521-.97h-.001a12.485 12.485 0 01-2.442-1.351C3.6 11.96 2.23 10.4 1.446 8.931l-.154-.305c-.22-.459-.428-.836-.459-.84-.032-.003-.082.084-.145.237.015-.062.035-.128.06-.196 1.04-2.842 3.136-5.177 5.88-6.553C8.253.461 9.62.11 11.484.028z" clip-rule="evenodd"/><defs><linearGradient id="svgID7" x1="0" x2="24" y1="14.5" y2="14.5" gradientUnits="userSpaceOnUse"><stop stop-color="#e560fc"/><stop offset="1" stop-color="#673cff"/></linearGradient><linearGradient id="svgID8" x1="0" x2="24" y1="14.5" y2="14.5" gradientUnits="userSpaceOnUse"><stop stop-color="#e560fc"/><stop offset="1" stop-color="#673cff"/></linearGradient><linearGradient id="svgID9" x1=".5" x2="23" y1="8" y2="7.5" gradientUnits="userSpaceOnUse"><stop stop-color="#0ed1fc"/><stop offset="1" stop-color="#3171f5"/></linearGradient></defs></svg>
</template>

CSS

.icon-submodel-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%22url(%23svgID7)%22%20d%3D%22M23.314%207.947c.206.504.491%201.709.602%202.538.134%201%20.06%203-.143%203.938a12.13%2012.13%200%2001-3.278%206.053c-1.635%201.645-3.678%202.762-6.027%203.294-.712.16-3.534.264-4.062.149-.878-.192-1.255-.82-.897-1.494.074-.139%201.31-1.425%202.746-2.858l2.611-2.603.793-.025c.53-.017.895-.08%201.097-.187.423-.225.895-.718%201.104-1.152.2-.415.292-1.377.163-1.716-.078-.21-.025-.266.725-.768%201.657-1.108%203.122-2.773%204.002-4.545l.45-.905.114.281z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID8)%22%20d%3D%22M.833%207.787c.031.004.239.382.459.84.748%201.554%202.214%203.267%203.682%204.303%202.034%201.437%204.303%202.194%206.964%202.322l1.203.06-2.937%202.939c-3.255%203.258-3.448%203.407-4.433%203.403-.362-.002-.716-.07-.978-.188-.505-.23-1.726-1.402-2.422-2.326-.955-1.267-1.74-3.002-2.15-4.75-.266-1.143-.243-3.813.044-4.968.23-.928.478-1.642.568-1.635z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID9)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.484.028c2.054-.088%202.932.167%203.08.895.1.501-.269.957-2.883%203.57L9.105%207.064l-.731.01c-.555.008-.824.058-1.108.21-1.114.593-1.62%201.858-1.216%203.041.328.964%201.3%201.636%202.34%201.62.215-.005.476-.039.678-.087l-.023.009.089-.03c.924-.268%201.66-1.31%201.665-2.357.002-.344.063-.625.176-.808.095-.156%201.45-1.556%203.012-3.113%203.134-3.122%203.251-3.21%204.287-3.213.823-.003%201.257.225%202.194%201.16a11.968%2011.968%200%20012.73%204.162l-.447.903c-.88%201.772-2.347%203.437-4.003%204.545-.75.502-.803.559-.725.768.044.114.063.299.06.51a2.444%202.444%200%2000-.629-1.478c-1.163-1.287-3.25-1.005-4.008.542-.2.41-.248.64-.244%201.151l.007.639-.067.063-1.204-.06c-1.644-.079-3.139-.398-4.521-.97h-.001a12.485%2012.485%200%2001-2.442-1.351C3.6%2011.96%202.23%2010.4%201.446%208.931l-.154-.305c-.22-.459-.428-.836-.459-.84-.032-.003-.082.084-.145.237.015-.062.035-.128.06-.196%201.04-2.842%203.136-5.177%205.88-6.553C8.253.461%209.62.11%2011.484.028z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID7%22%20x1%3D%220%22%20x2%3D%2224%22%20y1%3D%2214.5%22%20y2%3D%2214.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e560fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23673cff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID8%22%20x1%3D%220%22%20x2%3D%2224%22%20y1%3D%2214.5%22%20y2%3D%2214.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e560fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23673cff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID9%22%20x1%3D%22.5%22%20x2%3D%2223%22%20y1%3D%228%22%20y2%3D%227.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230ed1fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233171f5%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%22url(%23svgID7)%22%20d%3D%22M23.314%207.947c.206.504.491%201.709.602%202.538.134%201%20.06%203-.143%203.938a12.13%2012.13%200%2001-3.278%206.053c-1.635%201.645-3.678%202.762-6.027%203.294-.712.16-3.534.264-4.062.149-.878-.192-1.255-.82-.897-1.494.074-.139%201.31-1.425%202.746-2.858l2.611-2.603.793-.025c.53-.017.895-.08%201.097-.187.423-.225.895-.718%201.104-1.152.2-.415.292-1.377.163-1.716-.078-.21-.025-.266.725-.768%201.657-1.108%203.122-2.773%204.002-4.545l.45-.905.114.281z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID8)%22%20d%3D%22M.833%207.787c.031.004.239.382.459.84.748%201.554%202.214%203.267%203.682%204.303%202.034%201.437%204.303%202.194%206.964%202.322l1.203.06-2.937%202.939c-3.255%203.258-3.448%203.407-4.433%203.403-.362-.002-.716-.07-.978-.188-.505-.23-1.726-1.402-2.422-2.326-.955-1.267-1.74-3.002-2.15-4.75-.266-1.143-.243-3.813.044-4.968.23-.928.478-1.642.568-1.635z%22%2F%3E%3Cpath%20fill%3D%22url(%23svgID9)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.484.028c2.054-.088%202.932.167%203.08.895.1.501-.269.957-2.883%203.57L9.105%207.064l-.731.01c-.555.008-.824.058-1.108.21-1.114.593-1.62%201.858-1.216%203.041.328.964%201.3%201.636%202.34%201.62.215-.005.476-.039.678-.087l-.023.009.089-.03c.924-.268%201.66-1.31%201.665-2.357.002-.344.063-.625.176-.808.095-.156%201.45-1.556%203.012-3.113%203.134-3.122%203.251-3.21%204.287-3.213.823-.003%201.257.225%202.194%201.16a11.968%2011.968%200%20012.73%204.162l-.447.903c-.88%201.772-2.347%203.437-4.003%204.545-.75.502-.803.559-.725.768.044.114.063.299.06.51a2.444%202.444%200%2000-.629-1.478c-1.163-1.287-3.25-1.005-4.008.542-.2.41-.248.64-.244%201.151l.007.639-.067.063-1.204-.06c-1.644-.079-3.139-.398-4.521-.97h-.001a12.485%2012.485%200%2001-2.442-1.351C3.6%2011.96%202.23%2010.4%201.446%208.931l-.154-.305c-.22-.459-.428-.836-.459-.84-.032-.003-.082.084-.145.237.015-.062.035-.128.06-.196%201.04-2.842%203.136-5.177%205.88-6.553C8.253.461%209.62.11%2011.484.028z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID7%22%20x1%3D%220%22%20x2%3D%2224%22%20y1%3D%2214.5%22%20y2%3D%2214.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e560fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23673cff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID8%22%20x1%3D%220%22%20x2%3D%2224%22%20y1%3D%2214.5%22%20y2%3D%2214.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e560fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23673cff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22svgID9%22%20x1%3D%22.5%22%20x2%3D%2223%22%20y1%3D%228%22%20y2%3D%227.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230ed1fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233171f5%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/submodel-color.svg?color=%231a73e8&size=48