Ícone Google Outline
basil:google-outline
O ícone Google Outline (basil:google-outline) é um ícone SVG gratuito da coleção Basil de Craftwork. Ele é desenhado em uma grade de 24 × 24. Basil 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
- Basil
- Autor
- Craftwork
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Marcas
- Tags
- googleoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.25c-5.384 0-9.75 4.366-9.75 9.75s4.366 9.75 9.75 9.75s9.75-4.366 9.75-9.75a10 10 0 0 0-.19-1.946a.75.75 0 0 0-.735-.604H12a.75.75 0 0 0-.75.75v3.6c0 .414.336.75.75.75h3.883a4.7 4.7 0 0 1-1.05 1.132h-.002l.002.002A4.6 4.6 0 0 1 12 16.65a4.65 4.65 0 0 1 0-9.3c1.184 0 2.26.446 3.084 1.178a.75.75 0 0 0 1.029-.03l2.545-2.546a.75.75 0 0 0-.019-1.079A9.7 9.7 0 0 0 12 2.25m3.202 15a6.15 6.15 0 0 1-8.573-2.252L4.952 16.29A8.25 8.25 0 0 0 12 20.25c1.821 0 3.505-.59 4.87-1.59zm2.803.406A8.22 8.22 0 0 0 20.25 12c0-.348-.023-.704-.065-1.05H12.75v2.1h4.336a.75.75 0 0 1 .707 1a6.2 6.2 0 0 1-1.397 2.245zM5.02 7.601A8.24 8.24 0 0 1 12 3.75c1.892 0 3.63.642 5.023 1.716l-1.5 1.5A6.1 6.1 0 0 0 12 5.85a6.15 6.15 0 0 0-5.281 2.997zm-.69 1.354A8.2 8.2 0 0 0 3.75 12a8.2 8.2 0 0 0 .53 2.914l1.767-1.362A6.2 6.2 0 0 1 5.85 12c0-.606.088-1.192.251-1.746z" clip-rule="evenodd"/></svg>
Como usar o ícone Google Outline
React
import { Icon } from "@iconify/react";
<Icon icon="basil:google-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="basil:google-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="basil:google-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[basil--google-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/basil -->
<div class="i-basil:google-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="basil:google-outline"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/basil/google-outline.svg" alt="Ícone Google Outline" width="24" height="24">
Ícones relacionados em Basil
O ícone Google Outline em outras coleções
Perguntas frequentes sobre Ícone Google Outline
O ícone Google Outline é grátis para uso comercial?
Sim. Basil 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 Outline no React?
Instale @iconify/react e renderize <Icon icon="basil:google-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Google Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/basil/google-outline.svg" alt="Ícone Google Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Basil →
ICONYZ
