Иконка Google
icon-park-solid:google
Иконка Google (icon-park-solid:google) — бесплатная SVG-иконка из набора IconPark Solid от ByteDance. Она нарисована на сетке 48 × 48. IconPark Solid icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark Solid
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Бренд
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="m34.5 7l-5 7.5c-1-.532-3-1.5-5.5-1.5c-6 0-11 5-11 10.5S17 35 24 35c5.6 0 9.5-4 9.5-7H24v-7h20c.5 7.5-1.71 11.9-4.5 15.5C35.324 41.888 29.171 44 24 44C14 44 4 36 4 23.5C4 11.5 14.724 4 23 4s11.5 3 11.5 3"/><path fill="currentColor" d="m29.5 14.5l-.939 1.766a2 2 0 0 0 2.603-.657zm5-7.5l1.664 1.11a2 2 0 0 0-.302-2.574zM44 21l1.996-.133A2 2 0 0 0 44 19zm-20 0v-2a2 2 0 0 0-2 2zm0 7h-2a2 2 0 0 0 2 2zm9.5 0h2a2 2 0 0 0-2-2zm6 8.5l-1.58-1.225zm-8.336-20.89l5-7.5l-3.328-2.22l-5 7.5zM34.5 7a150 150 0 0 0 1.36-1.466l-.001-.002l-.014-.012l-.082-.072a9 9 0 0 0-.804-.592a14 14 0 0 0-2.35-1.208C30.518 2.796 27.385 2 23 2v4c3.89 0 6.508.704 8.099 1.352a10 10 0 0 1 1.676.855a5 5 0 0 1 .385.278l-.002-.002l-.008-.007l-.006-.006l-.003-.003l-.002-.001c0-.001-.002-.002 1.361-1.466M23 2c-4.693 0-9.91 2.101-13.948 5.77C4.978 11.47 2 16.86 2 23.5h4c0-5.361 2.384-9.72 5.741-12.77C15.134 7.65 19.417 6 23 6zM2 23.5C2 37.2 12.993 46 24 46v-4c-8.993 0-18-7.2-18-18.5zM44 21v-2H24v4h20zm-22 0v7h4v-7zm2 9h9.5v-4H24zm7.5-2c0 .698-.522 1.933-1.919 3.08C28.248 32.174 26.317 33 24 33v4c3.283 0 6.102-1.173 8.119-2.829c1.953-1.602 3.381-3.868 3.381-6.17zM24 33c-5.617 0-9-4.804-9-9.5h-4C11 29.804 15.617 37 24 37zm-9-9.5c0-4.336 4.044-8.5 9-8.5v-4c-7.044 0-13 5.836-13 12.5zm9-8.5c2 0 3.645.779 4.561 1.266l1.878-3.532C29.355 12.158 26.999 11 24 11zm0 31c5.672 0 12.46-2.312 17.08-8.275l-3.16-2.45C34.188 40.089 28.67 42 24 42zm17.08-8.275c3.038-3.919 5.453-8.79 4.916-16.858l-3.992.266c.463 6.933-1.543 10.862-4.085 14.142z"/></svg>
Как использовать иконку Google
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:google" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:google" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:google" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--google]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:google"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:google"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park-solid/google.svg" alt="Иконка Google" width="24" height="24">
Похожие иконки в наборе IconPark Solid
Иконка Google в других наборах
Вопросы и ответы: Иконка Google
Можно ли бесплатно использовать иконку Google в коммерческих проектах?
Да. IconPark Solid icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Google в React?
Установите @iconify/react и выведите <Icon icon="icon-park-solid:google" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Google на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park-solid/google.svg" alt="Иконка Google">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки IconPark Solid →
ICONYZ
