Иконка Gemma Google

thesvg:gemma-google

Иконка Gemma Google (thesvg:gemma-google) — бесплатная SVG-иконка из набора theSVG от thesvg.org. Она нарисована на сетке 24 × 24. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG
Автор: thesvg.org
Лицензия: MIT
Размер: 24 × 24
Теги: gemmagoogle

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.34 5.953a8 8 0 0 1-.247-1.125V3.72a8.25 8.25 0 0 1 5.562 2.232H12.34zm-.69 0a8 8 0 0 0 .257-1.145V3.72a8.25 8.25 0 0 0-5.562 2.232h5.304zm-5.433.187h5.373a8 8 0 0 1-.267.696a8.4 8.4 0 0 1-1.76 2.65zm-.264-.187H2.977v.187h2.915a8.44 8.44 0 0 0-2.357 5.767H0v.186h3.535a8.44 8.44 0 0 0 2.357 5.767H2.977v.186h2.976v2.977h.187v-2.915a8.44 8.44 0 0 0 5.767 2.357V24h.186v-3.535a8.44 8.44 0 0 0 5.767-2.357v2.915h.186v-2.977h2.977v-.186h-2.915a8.44 8.44 0 0 0 2.357-5.767H24v-.186h-3.535a8.44 8.44 0 0 0-2.357-5.767h2.915v-.187h-2.977V2.977h-.186v2.915a8.44 8.44 0 0 0-5.767-2.357V0h-.186v3.535A8.44 8.44 0 0 0 6.14 5.892V2.977h-.187zm6.14 14.326a8.25 8.25 0 0 0 5.562-2.233H12.34a8 8 0 0 0-.247 1.126zm-.186-1.087a8 8 0 0 0-.258-1.146H6.345a8.25 8.25 0 0 0 5.562 2.233zm-8.186-7.285h1.107a8 8 0 0 0 1.125-.247V6.345a8.25 8.25 0 0 0-2.232 5.562m1.087.186H3.72a8.25 8.25 0 0 0 2.232 5.562v-5.304a8 8 0 0 0-1.145-.258zm15.47-.186a8.25 8.25 0 0 0-2.232-5.562v5.315q.551.162 1.126.247h1.107zm-1.086.186q-.585.087-1.146.258v5.304a8.25 8.25 0 0 0 2.233-5.562zm-1.332 5.69V12.41a8 8 0 0 0-.696.267a8.4 8.4 0 0 0-2.65 1.76zm0-6.18v-5.45l-.012-.013h-5.451q.114.353.26.696a8.7 8.7 0 0 0 1.819 2.688a8.7 8.7 0 0 0 2.688 1.82q.342.145.696.259M6.14 17.848V12.41q.353.117.696.267a8.4 8.4 0 0 1 2.688 1.799a8.4 8.4 0 0 1 1.799 2.688q.15.342.267.696H6.152zm0-6.245V6.326l3.29 3.29a8.7 8.7 0 0 1-2.594 1.728a8 8 0 0 1-.696.259m6.257 6.257h5.277l-3.29-3.29a8.7 8.7 0 0 0-1.728 2.594a8 8 0 0 0-.259.696m-2.347-7.81a9.4 9.4 0 0 1-2.88 1.96a9.1 9.1 0 0 1 2.88 1.94a9.1 9.1 0 0 1 1.94 2.88a9.4 9.4 0 0 1 1.96-2.88a9.1 9.1 0 0 1 2.88-1.94a9.4 9.4 0 0 1-2.88-1.96a9.4 9.4 0 0 1-1.96-2.88a9.1 9.1 0 0 1-1.94 2.88"/></svg>

Как использовать иконку Gemma Google

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg:gemma-google" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg:gemma-google" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg:gemma-google" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--gemma-google]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:gemma-google"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg:gemma-google"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg/gemma-google.svg" alt="Иконка Gemma Google" width="24" height="24">

Иконка Gemma Google в других наборах

Вопросы и ответы: Иконка Gemma Google

Можно ли бесплатно использовать иконку Gemma Google в коммерческих проектах?

Да. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Gemma Google в React?

Установите @iconify/react и выведите <Icon icon="thesvg:gemma-google" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Gemma Google на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg/gemma-google.svg" alt="Иконка Gemma Google">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG →