Иконка Google One
thesvg-color:google-one
Иконка Google One (thesvg-color:google-one) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 516 × 516. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 516 × 516
- Теги
- googleone
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="516" height="516" viewBox="0 0 516 516"><defs><linearGradient id="SVGDvi8keKw" x1="50%" x2="50%" y1="100.777%" y2="-.04%"><stop offset="0%" stop-color="#1a73e8"/><stop offset="100%" stop-color="#4285f4"/></linearGradient></defs><path fill="#34a853" d="M256 404.228v54.076c0 31.638-25.573 57.3-57.122 57.3c-31.55 0-57.124-25.633-57.124-57.3V316.726z"/><path fill="url(#SVGDvi8keKw)" d="M256 57.299v346.929l-114.246-87.502V178.752l93.477-77.278c13.71-11.307 20.77-27.682 20.77-44.175"/><path fill="#ea4335" d="M255.971 55.307c.03.644.03 1.289.03 1.963c0 16.492-7.06 32.868-20.77 44.175l-93.477 77.278V57.299c0-18.748 8.994-35.446 22.967-45.904a38 38 0 0 1 3.076-2.138c.498-.322.966-.645 1.464-.938c.908-.585 1.875-1.113 2.754-1.581l2.52-1.26l2.108-.967c.85-.351 1.7-.703 2.608-1.025c.85-.322 1.757-.615 2.636-.908c1.64-.498 3.31-.967 5.039-1.318c.498-.118 1.025-.205 1.581-.323l1.143-.175c.674-.118 1.347-.205 2.021-.293a32 32 0 0 1 2.402-.264c.645-.059 1.29-.117 1.934-.146c.937-.03 1.904-.059 2.87-.059h.03c2.08 0 4.101.117 6.152.322q1.493.176 3.075.44c.996.146 1.992.351 3.047.586c.996.205 1.992.468 2.988.761c.82.205 1.67.469 2.49.762c1.611.527 3.222 1.113 4.746 1.787a78 78 0 0 1 2.285 1.025c.966.469 1.933.967 2.87 1.465a59 59 0 0 1 4.102 2.519c.146.117.292.205.439.293c1.435.996 2.812 2.08 4.189 3.193c.674.586 1.347 1.142 2.021 1.758l.059.058c.644.615 1.289 1.23 1.933 1.875s1.29 1.318 1.904 1.963c1.26 1.347 2.402 2.783 3.486 4.247c.762.996 1.465 2.05 2.139 3.076c.322.498.644.967.937 1.465c.586.908 1.113 1.875 1.582 2.754c.352.703.908 1.845 1.26 2.519c.322.703.644 1.406.937 2.109c.352.85.703 1.728 1.025 2.607c.323.85.616 1.758.88 2.637c.38 1.26.702 2.519.995 3.75c.176.585.293 1.142.381 1.728c.176.82.322 1.61.469 2.402c.117.644.175 1.289.263 1.933c.118.791.205 1.582.264 2.402c.059.645.117 1.29.146 1.934c-.029.293 0 .615 0 .937"/><path fill="#fbbc04" d="M162.494 13.065a39 39 0 0 1 2.168-1.67c-13.914 10.458-22.908 27.127-22.908 45.904v121.453l-48.51 40.162c-10.605 8.817-23.436 13.065-36.237 13.065c-16.434 0-32.75-7.09-44-20.828C-7 186.72-3.543 150.63 20.741 130.534z"/></svg>
Как использовать иконку Google One
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:google-one" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:google-one" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:google-one" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-one]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-one"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:google-one"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-one.svg" alt="Иконка Google One" width="24" height="24">
Похожие иконки в наборе theSVG Color
Иконка Google One в других наборах
Вопросы и ответы: Иконка Google One
Можно ли бесплатно использовать иконку Google One в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Google One в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:google-one" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Google One на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/google-one.svg" alt="Иконка Google One">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки theSVG Color →
