Иконка Google Chat
thesvg-color:google-chat
Иконка Google Chat (thesvg-color:google-chat) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 311 × 320. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 311 × 320
- Теги
- googlechat
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="311" height="320" viewBox="0 0 311 320"><g fill="none" stroke-width="2"><path stroke="#7e916f" d="m76.37.51l.01 76.47" vector-effect="non-scaling-stroke"/><path stroke="#1375eb" d="M76.38 76.98L0 76.96" vector-effect="non-scaling-stroke"/><path stroke="#f3801d" d="M235.08 1.09q-.16.06-.27.13q-.17.09-.17.28l-.02 75.51" vector-effect="non-scaling-stroke"/><path stroke="#7eb426" d="M234.62 77.01h-.05" vector-effect="non-scaling-stroke"/><path stroke="#91a080" d="m76.41 77.01l-.03-.03" vector-effect="non-scaling-stroke"/><path stroke="#75783e" d="m310.53 76.77l-75.91.24" vector-effect="non-scaling-stroke"/><path stroke="#138495" d="M76.43 182.69L0 182.67" vector-effect="non-scaling-stroke"/><path stroke="#00983a" d="m76.44 259.13l-.01-38.28" vector-effect="non-scaling-stroke"/></g><path fill="#0066da" d="m76.37.51l.01 76.47L0 76.96V20.77q.85-5.96 3.53-10.01Q10.14.74 22.75.67Q49.41.53 76.37.51"/><path fill="#fbbc04" d="m76.37.51l157.42.02a1.61 1.57-26.7 0 1 .92.29l.37.27q-.16.06-.27.13q-.17.09-.17.28l-.02 75.51h-.05l-158.16.01l-.03-.03Z"/><path fill="#ea4335" d="m235.08 1.09l75.45 75.68l-75.91.24l.02-75.51q0-.19.17-.28q.11-.07.27-.13"/><path fill="#2684fc" d="m0 76.96l76.38.02l.03.03l.02 105.68L0 182.67Z"/><path fill="#00ac47" d="m310.53 76.77l.47.34v161.9q-2.66 14.53-15.06 18.77q-4.42 1.52-13.03 1.5q-55.89-.09-112.92-.17q-8.28-.01-16.8.12q-.47.01-.8.34q-27.9 27.77-56 56.02c-2.87 2.89-6.12 4.5-10.24 3.89q-5.76-.85-8.49-5.94q-1.15-2.16-1.17-7.88q-.07-23.19-.05-46.53l-.01-38.28l37.78-37.78a1.79 1.77 22.3 0 1 1.26-.52l118.3.04a.83.83 0 0 0 .83-.83l-.03-104.75h.05Z"/><path fill="#00832d" d="M76.43 182.69v38.16l.01 38.28q-23.97.14-47.53.09q-9.82-.02-14.15-1.54Q2.62 253.44 0 238.88v-56.21Z"/></svg>
Как использовать иконку Google Chat
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:google-chat" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:google-chat" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:google-chat" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-chat]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-chat"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:google-chat"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-chat.svg" alt="Иконка Google Chat" width="24" height="24">
Похожие иконки в наборе theSVG Color
Иконка Google Chat в других наборах
Вопросы и ответы: Иконка Google Chat
Можно ли бесплатно использовать иконку Google Chat в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Google Chat в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:google-chat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Google Chat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/google-chat.svg" alt="Иконка Google Chat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки theSVG Color →
