gemma logo
gemma-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.
- Name
- gemma-color
- Set
- LobeHub AI Icons
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the gemma logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><linearGradient id="svgID1" x1="24.419%" x2="75.194%" y1="75.581%" y2="25.194%"><stop offset="0%" stop-color="#446eff"/><stop offset="36.661%" stop-color="#2e96ff"/><stop offset="83.221%" stop-color="#b1c5ff"/></linearGradient></defs><path fill="url(#svgID1)" fill-rule="evenodd" d="M12.34 5.953a8.233 8.233 0 01-.247-1.125V3.72a8.25 8.25 0 015.562 2.232H12.34zm-.69 0c.113-.373.199-.755.257-1.145V3.72a8.25 8.25 0 00-5.562 2.232h5.304zm-5.433.187h5.373a7.98 7.98 0 01-.267.696 8.41 8.41 0 01-1.76 2.65L6.216 6.14zm-.264-.187H2.977v.187h2.915a8.436 8.436 0 00-2.357 5.767H0v.186h3.535a8.436 8.436 0 002.357 5.767H2.977v.186h2.976v2.977h.187v-2.915a8.436 8.436 0 005.767 2.357V24h.186v-3.535a8.436 8.436 0 005.767-2.357v2.915h.186v-2.977h2.977v-.186h-2.915a8.436 8.436 0 002.357-5.767H24v-.186h-3.535a8.436 8.436 0 00-2.357-5.767h2.915v-.187h-2.977V2.977h-.186v2.915a8.436 8.436 0 00-5.767-2.357V0h-.186v3.535A8.436 8.436 0 006.14 5.892V2.977h-.187v2.976zm6.14 14.326a8.25 8.25 0 005.562-2.233H12.34c-.108.367-.19.743-.247 1.126v1.107zm-.186-1.087a8.015 8.015 0 00-.258-1.146H6.345a8.25 8.25 0 005.562 2.233v-1.087zm-8.186-7.285h1.107a8.23 8.23 0 001.125-.247V6.345a8.25 8.25 0 00-2.232 5.562zm1.087.186H3.72a8.25 8.25 0 002.232 5.562v-5.304a8.012 8.012 0 00-1.145-.258zm15.47-.186a8.25 8.25 0 00-2.232-5.562v5.315c.367.108.743.19 1.126.247h1.107zm-1.086.186c-.39.058-.772.144-1.146.258v5.304a8.25 8.25 0 002.233-5.562h-1.087zm-1.332 5.69V12.41a7.97 7.97 0 00-.696.267 8.409 8.409 0 00-2.65 1.76l3.346 3.346zm0-6.18v-5.45l-.012-.013h-5.451c.076.235.162.468.26.696a8.698 8.698 0 001.819 2.688 8.698 8.698 0 002.688 1.82c.228.097.46.183.696.259zM6.14 17.848V12.41c.235.078.468.167.696.267a8.403 8.403 0 012.688 1.799 8.404 8.404 0 011.799 2.688c.1.228.19.46.267.696H6.152l-.012-.012zm0-6.245V6.326l3.29 3.29a8.716 8.716 0 01-2.594 1.728 8.14 8.14 0 01-.696.259zm6.257 6.257h5.277l-3.29-3.29a8.716 8.716 0 00-1.728 2.594 8.135 8.135 0 00-.259.696zm-2.347-7.81a9.435 9.435 0 01-2.88 1.96 9.14 9.14 0 012.88 1.94 9.14 9.14 0 011.94 2.88 9.435 9.435 0 011.96-2.88 9.14 9.14 0 012.88-1.94 9.435 9.435 0 01-2.88-1.96 9.434 9.434 0 01-1.96-2.88 9.14 9.14 0 01-1.94 2.88z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubGemmaColor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><linearGradient id="svgID1" x1="24.419%" x2="75.194%" y1="75.581%" y2="25.194%"><stop offset="0%" stopColor="#446eff"/><stop offset="36.661%" stopColor="#2e96ff"/><stop offset="83.221%" stopColor="#b1c5ff"/></linearGradient></defs><path fill="url(#svgID1)" fillRule="evenodd" d="M12.34 5.953a8.233 8.233 0 01-.247-1.125V3.72a8.25 8.25 0 015.562 2.232H12.34zm-.69 0c.113-.373.199-.755.257-1.145V3.72a8.25 8.25 0 00-5.562 2.232h5.304zm-5.433.187h5.373a7.98 7.98 0 01-.267.696 8.41 8.41 0 01-1.76 2.65L6.216 6.14zm-.264-.187H2.977v.187h2.915a8.436 8.436 0 00-2.357 5.767H0v.186h3.535a8.436 8.436 0 002.357 5.767H2.977v.186h2.976v2.977h.187v-2.915a8.436 8.436 0 005.767 2.357V24h.186v-3.535a8.436 8.436 0 005.767-2.357v2.915h.186v-2.977h2.977v-.186h-2.915a8.436 8.436 0 002.357-5.767H24v-.186h-3.535a8.436 8.436 0 00-2.357-5.767h2.915v-.187h-2.977V2.977h-.186v2.915a8.436 8.436 0 00-5.767-2.357V0h-.186v3.535A8.436 8.436 0 006.14 5.892V2.977h-.187v2.976zm6.14 14.326a8.25 8.25 0 005.562-2.233H12.34c-.108.367-.19.743-.247 1.126v1.107zm-.186-1.087a8.015 8.015 0 00-.258-1.146H6.345a8.25 8.25 0 005.562 2.233v-1.087zm-8.186-7.285h1.107a8.23 8.23 0 001.125-.247V6.345a8.25 8.25 0 00-2.232 5.562zm1.087.186H3.72a8.25 8.25 0 002.232 5.562v-5.304a8.012 8.012 0 00-1.145-.258zm15.47-.186a8.25 8.25 0 00-2.232-5.562v5.315c.367.108.743.19 1.126.247h1.107zm-1.086.186c-.39.058-.772.144-1.146.258v5.304a8.25 8.25 0 002.233-5.562h-1.087zm-1.332 5.69V12.41a7.97 7.97 0 00-.696.267 8.409 8.409 0 00-2.65 1.76l3.346 3.346zm0-6.18v-5.45l-.012-.013h-5.451c.076.235.162.468.26.696a8.698 8.698 0 001.819 2.688 8.698 8.698 0 002.688 1.82c.228.097.46.183.696.259zM6.14 17.848V12.41c.235.078.468.167.696.267a8.403 8.403 0 012.688 1.799 8.404 8.404 0 011.799 2.688c.1.228.19.46.267.696H6.152l-.012-.012zm0-6.245V6.326l3.29 3.29a8.716 8.716 0 01-2.594 1.728 8.14 8.14 0 01-.696.259zm6.257 6.257h5.277l-3.29-3.29a8.716 8.716 0 00-1.728 2.594 8.135 8.135 0 00-.259.696zm-2.347-7.81a9.435 9.435 0 01-2.88 1.96 9.14 9.14 0 012.88 1.94 9.14 9.14 0 011.94 2.88 9.435 9.435 0 011.96-2.88 9.14 9.14 0 012.88-1.94 9.435 9.435 0 01-2.88-1.96 9.434 9.434 0 01-1.96-2.88 9.14 9.14 0 01-1.94 2.88z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><linearGradient id="svgID1" x1="24.419%" x2="75.194%" y1="75.581%" y2="25.194%"><stop offset="0%" stop-color="#446eff"/><stop offset="36.661%" stop-color="#2e96ff"/><stop offset="83.221%" stop-color="#b1c5ff"/></linearGradient></defs><path fill="url(#svgID1)" fill-rule="evenodd" d="M12.34 5.953a8.233 8.233 0 01-.247-1.125V3.72a8.25 8.25 0 015.562 2.232H12.34zm-.69 0c.113-.373.199-.755.257-1.145V3.72a8.25 8.25 0 00-5.562 2.232h5.304zm-5.433.187h5.373a7.98 7.98 0 01-.267.696 8.41 8.41 0 01-1.76 2.65L6.216 6.14zm-.264-.187H2.977v.187h2.915a8.436 8.436 0 00-2.357 5.767H0v.186h3.535a8.436 8.436 0 002.357 5.767H2.977v.186h2.976v2.977h.187v-2.915a8.436 8.436 0 005.767 2.357V24h.186v-3.535a8.436 8.436 0 005.767-2.357v2.915h.186v-2.977h2.977v-.186h-2.915a8.436 8.436 0 002.357-5.767H24v-.186h-3.535a8.436 8.436 0 00-2.357-5.767h2.915v-.187h-2.977V2.977h-.186v2.915a8.436 8.436 0 00-5.767-2.357V0h-.186v3.535A8.436 8.436 0 006.14 5.892V2.977h-.187v2.976zm6.14 14.326a8.25 8.25 0 005.562-2.233H12.34c-.108.367-.19.743-.247 1.126v1.107zm-.186-1.087a8.015 8.015 0 00-.258-1.146H6.345a8.25 8.25 0 005.562 2.233v-1.087zm-8.186-7.285h1.107a8.23 8.23 0 001.125-.247V6.345a8.25 8.25 0 00-2.232 5.562zm1.087.186H3.72a8.25 8.25 0 002.232 5.562v-5.304a8.012 8.012 0 00-1.145-.258zm15.47-.186a8.25 8.25 0 00-2.232-5.562v5.315c.367.108.743.19 1.126.247h1.107zm-1.086.186c-.39.058-.772.144-1.146.258v5.304a8.25 8.25 0 002.233-5.562h-1.087zm-1.332 5.69V12.41a7.97 7.97 0 00-.696.267 8.409 8.409 0 00-2.65 1.76l3.346 3.346zm0-6.18v-5.45l-.012-.013h-5.451c.076.235.162.468.26.696a8.698 8.698 0 001.819 2.688 8.698 8.698 0 002.688 1.82c.228.097.46.183.696.259zM6.14 17.848V12.41c.235.078.468.167.696.267a8.403 8.403 0 012.688 1.799 8.404 8.404 0 011.799 2.688c.1.228.19.46.267.696H6.152l-.012-.012zm0-6.245V6.326l3.29 3.29a8.716 8.716 0 01-2.594 1.728 8.14 8.14 0 01-.696.259zm6.257 6.257h5.277l-3.29-3.29a8.716 8.716 0 00-1.728 2.594 8.135 8.135 0 00-.259.696zm-2.347-7.81a9.435 9.435 0 01-2.88 1.96 9.14 9.14 0 012.88 1.94 9.14 9.14 0 011.94 2.88 9.435 9.435 0 011.96-2.88 9.14 9.14 0 012.88-1.94 9.435 9.435 0 01-2.88-1.96 9.434 9.434 0 01-1.96-2.88 9.14 9.14 0 01-1.94 2.88z"/></svg> </template>
CSS
.icon-gemma-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%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID1%22%20x1%3D%2224.419%25%22%20x2%3D%2275.194%25%22%20y1%3D%2275.581%25%22%20y2%3D%2225.194%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23446eff%22%2F%3E%3Cstop%20offset%3D%2236.661%25%22%20stop-color%3D%22%232e96ff%22%2F%3E%3Cstop%20offset%3D%2283.221%25%22%20stop-color%3D%22%23b1c5ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23svgID1)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.34%205.953a8.233%208.233%200%2001-.247-1.125V3.72a8.25%208.25%200%20015.562%202.232H12.34zm-.69%200c.113-.373.199-.755.257-1.145V3.72a8.25%208.25%200%2000-5.562%202.232h5.304zm-5.433.187h5.373a7.98%207.98%200%2001-.267.696%208.41%208.41%200%2001-1.76%202.65L6.216%206.14zm-.264-.187H2.977v.187h2.915a8.436%208.436%200%2000-2.357%205.767H0v.186h3.535a8.436%208.436%200%20002.357%205.767H2.977v.186h2.976v2.977h.187v-2.915a8.436%208.436%200%20005.767%202.357V24h.186v-3.535a8.436%208.436%200%20005.767-2.357v2.915h.186v-2.977h2.977v-.186h-2.915a8.436%208.436%200%20002.357-5.767H24v-.186h-3.535a8.436%208.436%200%2000-2.357-5.767h2.915v-.187h-2.977V2.977h-.186v2.915a8.436%208.436%200%2000-5.767-2.357V0h-.186v3.535A8.436%208.436%200%20006.14%205.892V2.977h-.187v2.976zm6.14%2014.326a8.25%208.25%200%20005.562-2.233H12.34c-.108.367-.19.743-.247%201.126v1.107zm-.186-1.087a8.015%208.015%200%2000-.258-1.146H6.345a8.25%208.25%200%20005.562%202.233v-1.087zm-8.186-7.285h1.107a8.23%208.23%200%20001.125-.247V6.345a8.25%208.25%200%2000-2.232%205.562zm1.087.186H3.72a8.25%208.25%200%20002.232%205.562v-5.304a8.012%208.012%200%2000-1.145-.258zm15.47-.186a8.25%208.25%200%2000-2.232-5.562v5.315c.367.108.743.19%201.126.247h1.107zm-1.086.186c-.39.058-.772.144-1.146.258v5.304a8.25%208.25%200%20002.233-5.562h-1.087zm-1.332%205.69V12.41a7.97%207.97%200%2000-.696.267%208.409%208.409%200%2000-2.65%201.76l3.346%203.346zm0-6.18v-5.45l-.012-.013h-5.451c.076.235.162.468.26.696a8.698%208.698%200%20001.819%202.688%208.698%208.698%200%20002.688%201.82c.228.097.46.183.696.259zM6.14%2017.848V12.41c.235.078.468.167.696.267a8.403%208.403%200%20012.688%201.799%208.404%208.404%200%20011.799%202.688c.1.228.19.46.267.696H6.152l-.012-.012zm0-6.245V6.326l3.29%203.29a8.716%208.716%200%2001-2.594%201.728%208.14%208.14%200%2001-.696.259zm6.257%206.257h5.277l-3.29-3.29a8.716%208.716%200%2000-1.728%202.594%208.135%208.135%200%2000-.259.696zm-2.347-7.81a9.435%209.435%200%2001-2.88%201.96%209.14%209.14%200%20012.88%201.94%209.14%209.14%200%20011.94%202.88%209.435%209.435%200%20011.96-2.88%209.14%209.14%200%20012.88-1.94%209.435%209.435%200%2001-2.88-1.96%209.434%209.434%200%2001-1.96-2.88%209.14%209.14%200%2001-1.94%202.88z%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%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID1%22%20x1%3D%2224.419%25%22%20x2%3D%2275.194%25%22%20y1%3D%2275.581%25%22%20y2%3D%2225.194%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23446eff%22%2F%3E%3Cstop%20offset%3D%2236.661%25%22%20stop-color%3D%22%232e96ff%22%2F%3E%3Cstop%20offset%3D%2283.221%25%22%20stop-color%3D%22%23b1c5ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23svgID1)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.34%205.953a8.233%208.233%200%2001-.247-1.125V3.72a8.25%208.25%200%20015.562%202.232H12.34zm-.69%200c.113-.373.199-.755.257-1.145V3.72a8.25%208.25%200%2000-5.562%202.232h5.304zm-5.433.187h5.373a7.98%207.98%200%2001-.267.696%208.41%208.41%200%2001-1.76%202.65L6.216%206.14zm-.264-.187H2.977v.187h2.915a8.436%208.436%200%2000-2.357%205.767H0v.186h3.535a8.436%208.436%200%20002.357%205.767H2.977v.186h2.976v2.977h.187v-2.915a8.436%208.436%200%20005.767%202.357V24h.186v-3.535a8.436%208.436%200%20005.767-2.357v2.915h.186v-2.977h2.977v-.186h-2.915a8.436%208.436%200%20002.357-5.767H24v-.186h-3.535a8.436%208.436%200%2000-2.357-5.767h2.915v-.187h-2.977V2.977h-.186v2.915a8.436%208.436%200%2000-5.767-2.357V0h-.186v3.535A8.436%208.436%200%20006.14%205.892V2.977h-.187v2.976zm6.14%2014.326a8.25%208.25%200%20005.562-2.233H12.34c-.108.367-.19.743-.247%201.126v1.107zm-.186-1.087a8.015%208.015%200%2000-.258-1.146H6.345a8.25%208.25%200%20005.562%202.233v-1.087zm-8.186-7.285h1.107a8.23%208.23%200%20001.125-.247V6.345a8.25%208.25%200%2000-2.232%205.562zm1.087.186H3.72a8.25%208.25%200%20002.232%205.562v-5.304a8.012%208.012%200%2000-1.145-.258zm15.47-.186a8.25%208.25%200%2000-2.232-5.562v5.315c.367.108.743.19%201.126.247h1.107zm-1.086.186c-.39.058-.772.144-1.146.258v5.304a8.25%208.25%200%20002.233-5.562h-1.087zm-1.332%205.69V12.41a7.97%207.97%200%2000-.696.267%208.409%208.409%200%2000-2.65%201.76l3.346%203.346zm0-6.18v-5.45l-.012-.013h-5.451c.076.235.162.468.26.696a8.698%208.698%200%20001.819%202.688%208.698%208.698%200%20002.688%201.82c.228.097.46.183.696.259zM6.14%2017.848V12.41c.235.078.468.167.696.267a8.403%208.403%200%20012.688%201.799%208.404%208.404%200%20011.799%202.688c.1.228.19.46.267.696H6.152l-.012-.012zm0-6.245V6.326l3.29%203.29a8.716%208.716%200%2001-2.594%201.728%208.14%208.14%200%2001-.696.259zm6.257%206.257h5.277l-3.29-3.29a8.716%208.716%200%2000-1.728%202.594%208.135%208.135%200%2000-.259.696zm-2.347-7.81a9.435%209.435%200%2001-2.88%201.96%209.14%209.14%200%20012.88%201.94%209.14%209.14%200%20011.94%202.88%209.435%209.435%200%20011.96-2.88%209.14%209.14%200%20012.88-1.94%209.435%209.435%200%2001-2.88-1.96%209.434%209.434%200%2001-1.96-2.88%209.14%209.14%200%2001-1.94%202.88z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/gemma-color.svg?color=%231a73e8&size=48
