Google Bard icon

logos:google-bard

The Google Bard icon (logos:google-bard) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 177 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 177
Tags: googlebard

Download SVG

SVG code

<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>

How to use the Google Bard icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/google-bard.svg" alt="Google Bard icon" width="24" height="24">

Related icons in SVG Logos

Google Bard icon in other icon sets

Google Bard icon FAQ

Is the Google Bard icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Google Bard icon in React?

Install @iconify/react and render <Icon icon="logos:google-bard" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Google Bard icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/google-bard.svg" alt="Google Bard icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →