Иконка Google Wordmark
devicon:google-wordmark
Иконка Google Wordmark (devicon:google-wordmark) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#4885ed" d="M31.85 57.91H17.09v4.38h10.47c-.52 6.14-5.63 8.76-10.45 8.76a11.7 11.7 0 0 1 0-23.4A11.36 11.36 0 0 1 25 50.82l3.07-3.18A15.6 15.6 0 0 0 17 43.26a16.09 16.09 0 1 0 .23 32.18c8.61 0 14.92-5.9 14.92-14.63a13 13 0 0 0-.27-2.9z"/><path fill="#db3236" d="M43.94 54.74a10.34 10.34 0 1 0 10.38 10.38a10.22 10.22 0 0 0-10.38-10.38M44 58.8a6.29 6.29 0 1 1-5.92 6.26A5.95 5.95 0 0 1 44 58.8"/><path fill="#f4c20d" d="M66.56 54.74a10.34 10.34 0 1 0 10.37 10.38a10.22 10.22 0 0 0-10.37-10.38m.06 4.06a6.29 6.29 0 1 1-5.92 6.26a5.95 5.95 0 0 1 5.92-6.26"/><path fill="#4885ed" d="M88.73 54.75c-5.56 0-9.93 4.87-9.93 10.33a10.2 10.2 0 0 0 9.83 10.35a6.83 6.83 0 0 0 5.67-2.51v2c0 3.57-2.17 5.7-5.44 5.7A5.73 5.73 0 0 1 83.58 77l-4 1.66a10 10 0 0 0 9.3 6.09c5.53 0 9.74-3.48 9.74-10.78v-18.6h-4.31v1.75a7.32 7.32 0 0 0-5.58-2.37m.4 4.05c2.73 0 5.52 2.33 5.52 6.3s-2.79 6.27-5.58 6.27a5.88 5.88 0 0 1-5.72-6.23c0-4 2.86-6.34 5.78-6.34"/><path fill="#db3236" d="M117.93 54.72c-5.24 0-9.65 4.17-9.65 10.33a10 10 0 0 0 10.15 10.38a10.49 10.49 0 0 0 8.66-4.54l-3.58-2.38a5.79 5.79 0 0 1-5.07 2.85a5.32 5.32 0 0 1-5.07-3.13l13.87-5.75l-.72-1.69a9.36 9.36 0 0 0-8.6-6.06zm.18 4a4.12 4.12 0 0 1 3.83 2.21l-9.26 3.87a5.74 5.74 0 0 1 5.43-6.08"/><path fill="#3cba54" d="M101.67 74.82h4.56V44.33h-4.56z"/></svg>Как использовать иконку Google Wordmark
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:google-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:google-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:google-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--google-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:google-wordmark"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:google-wordmark"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/devicon/google-wordmark.svg" alt="Иконка Google Wordmark" width="24" height="24">Похожие иконки в наборе Devicon
Иконка Google Wordmark в других наборах
Вопросы и ответы: Иконка Google Wordmark
Можно ли бесплатно использовать иконку Google Wordmark в коммерческих проектах?
Да. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Google Wordmark в React?
Установите @iconify/react и выведите <Icon icon="devicon:google-wordmark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Google Wordmark на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon/google-wordmark.svg" alt="Иконка Google Wordmark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.