Иконка Nano Banana Google
thesvg:nano-banana-google
Иконка Nano Banana Google (thesvg:nano-banana-google) — бесплатная SVG-иконка из набора theSVG от thesvg.org. Она нарисована на сетке 24 × 24. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- nanobanana, bananagoogle, nanobananagoogle
Код 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="M8.342 13.16H3.455c-.513 0-.772-.639-.408-1.012l1.608-1.653a3.166 3.166 0 0 1 4.565 0l.513.527l.006-.015l.038.017c.735-1.93.786-2.809.783-5.007v-.275c-.01-1.782-.02-3.935 1.965-4.22c2.603-.375 4.504 4.219 4.815 8.299a3.17 3.17 0 0 1 3.38.774l1.609 1.653c.365.375.106 1.012-.407 1.012H19.27q.109.397.11.828v5.664c0 .914-.994 1.292-1.602.576c-.229-.27-1.067-1.25-2.155-2.52c-2.92 4.183-10.266 6.462-12.34 3.006H2.49a.991.991 0 1 1 0-1.982h.246c.014-1.687 1.23-3.148 2.846-3.783a7.45 7.45 0 0 0 2.76-1.889m7.543-2.145q0-.19-.005-.388a15.7 15.7 0 0 0-.632-3.939c-.38-1.282-.887-2.33-1.425-2.992c-.545-.671-.906-.715-1.085-.69c-.223.032-.292.098-.322.129c-.05.052-.135.176-.209.45c-.152.567-.15 1.286-.147 2.186v.244c.002 1.134-.009 2.028-.145 2.92a11.3 11.3 0 0 1-.537 2.08zm-3.468 3.056c-1.636 3.166-4.981 4.71-8.118 4.87a.562.562 0 0 0 .057 1.124c3.294-.169 6.921-1.749 8.845-5.081z"/></svg>Как использовать иконку Nano Banana Google
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:nano-banana-google" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:nano-banana-google" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:nano-banana-google" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--nano-banana-google]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:nano-banana-google"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:nano-banana-google"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg/nano-banana-google.svg" alt="Иконка Nano Banana Google" width="24" height="24">Похожие иконки в наборе theSVG
Иконка Nano Banana Google в других наборах
Вопросы и ответы: Иконка Nano Banana Google
Можно ли бесплатно использовать иконку Nano Banana Google в коммерческих проектах?
Да. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Nano Banana Google в React?
Установите @iconify/react и выведите <Icon icon="thesvg:nano-banana-google" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Nano Banana Google на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg/nano-banana-google.svg" alt="Иконка Nano Banana Google">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.