Icono Google Bard
logos:google-bard
El icono Google Bard (logos:google-bard) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 177. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 512 × 177
- Etiquetas
- googlebard
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="177" viewBox="0 0 512 177"><defs><radialGradient id="SVG1xuhSd8h" cx="78.302%" cy="55.52%" r="78.115%" fx="78.302%" fy="55.52%" gradientTransform="matrix(.19314 .98115 -.98064 .19324 1.176 -.32)"><stop offset="0%" stop-color="#1ba1e3"/><stop offset=".01%" stop-color="#1ba1e3"/><stop offset="30.022%" stop-color="#5489d6"/><stop offset="54.552%" stop-color="#9b72cb"/><stop offset="82.537%" stop-color="#d96570"/><stop offset="100%" stop-color="#f49c46"/></radialGradient><radialGradient id="SVGm6NA5dhq" cx="-3.409%" cy="-54.219%" r="169.363%" fx="-3.409%" fy="-54.219%" gradientTransform="matrix(.19314 .98115 -.98062 .19324 -.56 -.404)"><stop offset="0%" stop-color="#1ba1e3"/><stop offset=".01%" stop-color="#1ba1e3"/><stop offset="30.022%" stop-color="#5489d6"/><stop offset="54.552%" stop-color="#9b72cb"/><stop offset="82.537%" stop-color="#d96570"/><stop offset="100%" stop-color="#f49c46"/></radialGradient></defs><path fill="#5f6368" d="M231.514 140.972V34.405h38.55q12.65 0 21.73 8.335q9.078 8.186 9.078 20.688q0 15.777-14.437 22.176v.596q8.185 2.679 13.098 9.376q4.911 6.549 4.911 15.033q0 13.098-9.525 21.73q-9.228 8.633-22.772 8.633zm13.693-93.47v32.595h24.856q7.293 0 12.205-4.911q4.911-5.061 4.911-11.46q0-6.251-4.762-11.312q-4.764-4.911-11.759-4.912zm0 45.395v34.977h27.535q7.442 0 12.651-5.21q5.06-5.208 5.06-12.353q0-6.995-5.209-12.204t-13.097-5.21zm82.27 25.75q0 5.357 4.465 8.93q4.614 3.57 10.716 3.571q8.632 0 15.33-6.4q6.847-6.4 6.847-15.032q-6.4-5.06-17.86-5.06q-8.336 0-13.991 4.018q-5.507 4.02-5.507 9.972m17.711-52.987q15.182 0 23.963 8.186q8.781 8.037 8.781 22.177v44.949h-13.097V130.85h-.596q-8.483 12.502-22.623 12.502q-12.055 0-20.242-7.144q-8.037-7.144-8.037-17.86q0-11.313 8.484-18.01q8.632-6.697 22.92-6.697q12.205 0 20.094 4.465V94.98q0-7.144-5.656-12.056q-5.655-5.06-13.247-5.06q-11.46 0-18.158 9.674l-12.055-7.59q9.972-14.289 29.47-14.289m61.881 75.312h-13.693v-72.93h13.098v11.907h.595q2.084-5.805 8.484-9.824q6.548-4.167 12.8-4.167q5.954 0 10.12 1.786l-4.167 13.246q-2.53-1.041-8.037-1.041q-7.74 0-13.544 6.25q-5.655 6.252-5.656 14.587zm68.615-10.121q10.12 0 16.52-7.293q6.698-7.293 6.698-19.051q0-11.46-6.697-18.903q-6.549-7.44-16.521-7.441q-9.824 0-16.52 7.441q-6.699 7.442-6.699 18.903q0 11.61 6.698 18.902q6.698 7.441 16.52 7.442m-2.233 12.502q-14.288 0-24.558-11.312q-10.12-11.46-10.12-27.534q0-16.075 10.12-27.535q10.27-11.312 24.558-11.312q8.037 0 14.586 3.424q6.698 3.423 10.27 9.079h.595l-.595-10.121V34.405H512v106.567h-13.098V130.85h-.595q-3.572 5.655-10.27 9.079q-6.548 3.423-14.586 3.423"/><path fill="url(#SVG1xuhSd8h)" d="m83.683 118.447l-7.04 16.126c-2.707 6.198-11.285 6.198-13.99 0l-7.042-16.126c-6.265-14.35-17.543-25.774-31.61-32.018L4.62 77.826c-6.161-2.734-6.161-11.698 0-14.433l18.774-8.333c14.43-6.405 25.91-18.252 32.068-33.092l7.132-17.185c2.647-6.377 11.458-6.377 14.105 0l7.131 17.185c6.16 14.84 17.64 26.687 32.07 33.092l18.775 8.333c6.16 2.735 6.16 11.699 0 14.433l-19.38 8.603c-14.067 6.244-25.345 17.667-31.61 32.018"/><path fill="url(#SVGm6NA5dhq)" d="m149.114 169.294l-1.98 4.538c-1.45 3.323-6.05 3.323-7.5 0l-1.98-4.538c-3.529-8.091-9.886-14.533-17.819-18.058l-6.1-2.71c-3.299-1.466-3.299-6.26 0-7.726l5.759-2.56c8.137-3.614 14.608-10.295 18.077-18.661l2.033-4.904c1.417-3.418 6.143-3.418 7.56 0l2.033 4.904c3.47 8.366 9.94 15.047 18.078 18.662l5.758 2.559c3.3 1.465 3.3 6.26 0 7.726l-6.1 2.71c-7.933 3.525-14.29 9.967-17.82 18.058"/></svg>
Cómo usar el icono Google Bard
React
import { Icon } from "@iconify/react";
<Icon icon="logos:google-bard" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:google-bard" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:google-bard" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--google-bard]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:google-bard"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:google-bard"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/google-bard.svg" alt="Icono Google Bard" width="24" height="24">
Iconos relacionados en SVG Logos
El icono Google Bard en otras colecciones
Preguntas frecuentes sobre Icono Google Bard
¿El icono Google Bard es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Google Bard en React?
Instala @iconify/react y renderiza <Icon icon="logos:google-bard" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Google Bard a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/google-bard.svg" alt="Icono Google Bard">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos SVG Logos →
