Ícone Google Dark
selfhst:google-dark
O ícone Google Dark (selfhst:google-dark) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
- Tags
- googledark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M506.9 261.8c0-18.2-1.6-35.6-4.7-52.4H261.1v99.1h137.8c-4.5 23.9-15.9 45-32.7 61.8l-.1.1c-.7.7-1.5 1.5-2.3 2.2c-5 4.7-10.5 9.1-16.4 13c-1.2.8-2.5 1.6-3.8 2.4c-.5.3-1.1.7-1.6 1c-.6.4-1.3.8-1.9 1.1c-14.8 8.6-32 14.7-51.3 17.8l.2.1c-8.9 1.4-18.2 2.2-27.9 2.2c-12 0-23.6-1.5-34.8-4.2c.1-.2.1-.3.2-.4c-47.7-11.7-86.9-46.3-105.3-91.5c0-.1-.1-.2-.1-.3c-.6-1.4-1.1-2.8-1.6-4.2c-.1-.2-.2-.5-.3-.7l-1.5-4.2h-.3l.1-.1l.2-.1c-.5-1.5-.7-3.1-1.2-4.6c-.1.1-.2.1-.2.2c-1.2-3.8-2.2-7.7-3.1-11.6c-2.4-10.5-3.7-21.4-3.7-32.6c0-13 1.8-25.6 4.9-37.7c1-3.7 2-7.3 3.2-10.9c.4-1.1.8-2.2 1.1-3.3l.3-.9c.3-.8.6-1.7.9-2.5l.3-.9c.4-.9.7-1.8 1.1-2.7c.1-.1.1-.3.2-.4c1-2.3 2-4.5 3-6.7c14.5-30.4 38.6-55.6 68.3-71.1l-.1-.1c20.5-10.7 43.6-16.8 68.1-16.8c37.7 0 71.2 13 98 38.2l73.3-73.3C388 25.4 330.2 0 261.1 0C166.2 0 83.6 51.7 39.4 128.6c0 .1-.1.1-.1.2c-1.1 1.9-2.2 3.8-3.2 5.8c-.2.3-.3.6-.5.9c-1 1.9-2 3.8-3 5.8C15.1 175.7 5.1 214.6 5.1 256s10 80.3 27.5 114.7v.3c.8 1.6 1.6 3.1 2.4 4.6c.2.5.5.9.7 1.3c.6 1.2 1.3 2.4 1.9 3.6c.2.4.4.8.7 1.2c1.8 3.2 3.6 6.3 5.6 9.4c.1.2.3.5.4.7c.9 1.5 1.9 2.9 2.8 4.4c0 .1.1.1.1.2C85 454 145.4 495.4 215.8 508h.2c1.4.2 2.8.5 4.2.7c.2 0 .3.1.5.1l3.9.6c.3 0 .5.1.8.1c1.2.2 2.4.3 3.7.5c.4 0 .7.1 1.1.1c1.1.1 2.3.3 3.4.4c.5 0 .9.1 1.4.1c1 .1 2.1.2 3.1.3c.6 0 1.1.1 1.7.1c1 .1 1.9.2 2.9.2c.7 0 1.3.1 2 .1c.9.1 1.7.1 2.6.2c.8 0 1.6.1 2.3.1c.8 0 1.5.1 2.3.1c1 0 1.9.1 2.9.1h6.3c6.9 0 13.7-.2 20.4-.7c5-.3 9.8-.8 14.7-1.4c1.9-.2 3.7-.5 5.5-.7c46.4-6.5 86.5-24.1 118.7-50.3c.3-.3.7-.5 1-.8c.7-.6 1.4-1.2 2.1-1.7c.7-.6 1.3-1.1 2-1.7c.5-.4 1-.9 1.5-1.3c1.2-1.1 2.4-2.1 3.6-3.2c18.9-17.5 34.7-38.2 47-61.6c18.9-36.3 29.3-79.1 29.3-126.6"/></svg>
Como usar o ícone Google Dark
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:google-dark" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:google-dark" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:google-dark" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--google-dark]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:google-dark"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:google-dark"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/google-dark.svg" alt="Ícone Google Dark" width="24" height="24">
Ícones relacionados em selfh.st/icons
Perguntas frequentes sobre Ícone Google Dark
O ícone Google Dark é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Google Dark no React?
Instale @iconify/react e renderize <Icon icon="selfhst:google-dark" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Google Dark a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/google-dark.svg" alt="Ícone Google Dark">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os selfh.st/icons →
