Ícone Google One

logos:google-one

O ícone Google One (logos:google-one) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 516. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: SVG Logos
Autor: Gil Barbara
Licença: CC0-1.0
Tamanho: 256 × 516
Tags: googleone

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="516" viewBox="0 0 256 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>

Como usar o ícone Google One

React

import { Icon } from "@iconify/react";

<Icon icon="logos:google-one" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:google-one" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:google-one" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--google-one]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:google-one"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:google-one"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/logos/google-one.svg" alt="Ícone Google One" width="24" height="24">

Ícones relacionados em SVG Logos

O ícone Google One em outras coleções

Perguntas frequentes sobre Ícone Google One

O ícone Google One é grátis para uso comercial?

Sim. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Google One no React?

Instale @iconify/react e renderize <Icon icon="logos:google-one" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Google One a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/logos/google-one.svg" alt="Ícone Google One">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones SVG Logos →