google bard icon logo
google-bard-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- google-bard-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×258
- License
- CC0
Related icons in SVG Logos
google-2014google-360suitegoogle-admobgoogle-adsgoogle-adsensegoogle-adwordsgoogle-aistudiogoogle-aistudio-darkgoogle-analyticsgoogle-bardgoogle-calendargoogle-calendar-2020google-cloudgoogle-cloud-functionsgoogle-cloud-platformgoogle-cloud-rungoogle-currentsgoogle-data-studiogoogle-developersgoogle-developers-icongoogle-domainsgoogle-domains-icongoogle-drivegoogle-drive-2020
Use the google bard icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><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="url(#SVG1xuhSd8h)" d="m122.062 172.77l-10.27 23.52c-3.947 9.042-16.459 9.042-20.406 0l-10.27-23.52c-9.14-20.933-25.59-37.595-46.108-46.703L6.74 113.52c-8.987-3.99-8.987-17.064 0-21.053l27.385-12.156C55.172 70.97 71.917 53.69 80.9 32.043L91.303 6.977c3.86-9.303 16.712-9.303 20.573 0l10.403 25.066c8.983 21.646 25.728 38.926 46.775 48.268l27.384 12.156c8.987 3.99 8.987 17.063 0 21.053l-28.267 12.547c-20.52 9.108-36.97 25.77-46.109 46.703"/><path fill="url(#SVGm6NA5dhq)" d="m217.5 246.937l-2.888 6.62c-2.114 4.845-8.824 4.845-10.937 0l-2.889-6.62c-5.148-11.803-14.42-21.2-25.992-26.34l-8.898-3.954c-4.811-2.137-4.811-9.131 0-11.269l8.4-3.733c11.87-5.273 21.308-15.017 26.368-27.22l2.966-7.154c2.067-4.985 8.96-4.985 11.027 0l2.966 7.153c5.06 12.204 14.499 21.948 26.368 27.221l8.4 3.733c4.812 2.138 4.812 9.132 0 11.27l-8.898 3.953c-11.571 5.14-20.844 14.537-25.992 26.34"/></svg>
React
import type { SVGProps } from "react";
export function LogosGoogleBardIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><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%" stopColor="#1ba1e3"/><stop offset=".01%" stopColor="#1ba1e3"/><stop offset="30.022%" stopColor="#5489d6"/><stop offset="54.552%" stopColor="#9b72cb"/><stop offset="82.537%" stopColor="#d96570"/><stop offset="100%" stopColor="#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%" stopColor="#1ba1e3"/><stop offset=".01%" stopColor="#1ba1e3"/><stop offset="30.022%" stopColor="#5489d6"/><stop offset="54.552%" stopColor="#9b72cb"/><stop offset="82.537%" stopColor="#d96570"/><stop offset="100%" stopColor="#f49c46"/></radialGradient></defs><path fill="url(#SVG1xuhSd8h)" d="m122.062 172.77l-10.27 23.52c-3.947 9.042-16.459 9.042-20.406 0l-10.27-23.52c-9.14-20.933-25.59-37.595-46.108-46.703L6.74 113.52c-8.987-3.99-8.987-17.064 0-21.053l27.385-12.156C55.172 70.97 71.917 53.69 80.9 32.043L91.303 6.977c3.86-9.303 16.712-9.303 20.573 0l10.403 25.066c8.983 21.646 25.728 38.926 46.775 48.268l27.384 12.156c8.987 3.99 8.987 17.063 0 21.053l-28.267 12.547c-20.52 9.108-36.97 25.77-46.109 46.703"/><path fill="url(#SVGm6NA5dhq)" d="m217.5 246.937l-2.888 6.62c-2.114 4.845-8.824 4.845-10.937 0l-2.889-6.62c-5.148-11.803-14.42-21.2-25.992-26.34l-8.898-3.954c-4.811-2.137-4.811-9.131 0-11.269l8.4-3.733c11.87-5.273 21.308-15.017 26.368-27.22l2.966-7.154c2.067-4.985 8.96-4.985 11.027 0l2.966 7.153c5.06 12.204 14.499 21.948 26.368 27.221l8.4 3.733c4.812 2.138 4.812 9.132 0 11.27l-8.898 3.953c-11.571 5.14-20.844 14.537-25.992 26.34"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 258"><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="url(#SVG1xuhSd8h)" d="m122.062 172.77l-10.27 23.52c-3.947 9.042-16.459 9.042-20.406 0l-10.27-23.52c-9.14-20.933-25.59-37.595-46.108-46.703L6.74 113.52c-8.987-3.99-8.987-17.064 0-21.053l27.385-12.156C55.172 70.97 71.917 53.69 80.9 32.043L91.303 6.977c3.86-9.303 16.712-9.303 20.573 0l10.403 25.066c8.983 21.646 25.728 38.926 46.775 48.268l27.384 12.156c8.987 3.99 8.987 17.063 0 21.053l-28.267 12.547c-20.52 9.108-36.97 25.77-46.109 46.703"/><path fill="url(#SVGm6NA5dhq)" d="m217.5 246.937l-2.888 6.62c-2.114 4.845-8.824 4.845-10.937 0l-2.889-6.62c-5.148-11.803-14.42-21.2-25.992-26.34l-8.898-3.954c-4.811-2.137-4.811-9.131 0-11.269l8.4-3.733c11.87-5.273 21.308-15.017 26.368-27.22l2.966-7.154c2.067-4.985 8.96-4.985 11.027 0l2.966 7.153c5.06 12.204 14.499 21.948 26.368 27.221l8.4 3.733c4.812 2.138 4.812 9.132 0 11.27l-8.898 3.953c-11.571 5.14-20.844 14.537-25.992 26.34"/></svg> </template>
CSS
.icon-google-bard-icon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20258%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVG1xuhSd8h%22%20cx%3D%2278.302%25%22%20cy%3D%2255.52%25%22%20r%3D%2278.115%25%22%20fx%3D%2278.302%25%22%20fy%3D%2255.52%25%22%20gradientTransform%3D%22matrix(.19314%20.98115%20-.98064%20.19324%201.176%20-.32)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231ba1e3%22%2F%3E%3Cstop%20offset%3D%22.01%25%22%20stop-color%3D%22%231ba1e3%22%2F%3E%3Cstop%20offset%3D%2230.022%25%22%20stop-color%3D%22%235489d6%22%2F%3E%3Cstop%20offset%3D%2254.552%25%22%20stop-color%3D%22%239b72cb%22%2F%3E%3Cstop%20offset%3D%2282.537%25%22%20stop-color%3D%22%23d96570%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f49c46%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGm6NA5dhq%22%20cx%3D%22-3.409%25%22%20cy%3D%22-54.219%25%22%20r%3D%22169.363%25%22%20fx%3D%22-3.409%25%22%20fy%3D%22-54.219%25%22%20gradientTransform%3D%22matrix(.19314%20.98115%20-.98062%20.19324%20-.56%20-.404)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231ba1e3%22%2F%3E%3Cstop%20offset%3D%22.01%25%22%20stop-color%3D%22%231ba1e3%22%2F%3E%3Cstop%20offset%3D%2230.022%25%22%20stop-color%3D%22%235489d6%22%2F%3E%3Cstop%20offset%3D%2254.552%25%22%20stop-color%3D%22%239b72cb%22%2F%3E%3Cstop%20offset%3D%2282.537%25%22%20stop-color%3D%22%23d96570%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f49c46%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVG1xuhSd8h)%22%20d%3D%22m122.062%20172.77l-10.27%2023.52c-3.947%209.042-16.459%209.042-20.406%200l-10.27-23.52c-9.14-20.933-25.59-37.595-46.108-46.703L6.74%20113.52c-8.987-3.99-8.987-17.064%200-21.053l27.385-12.156C55.172%2070.97%2071.917%2053.69%2080.9%2032.043L91.303%206.977c3.86-9.303%2016.712-9.303%2020.573%200l10.403%2025.066c8.983%2021.646%2025.728%2038.926%2046.775%2048.268l27.384%2012.156c8.987%203.99%208.987%2017.063%200%2021.053l-28.267%2012.547c-20.52%209.108-36.97%2025.77-46.109%2046.703%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGm6NA5dhq)%22%20d%3D%22m217.5%20246.937l-2.888%206.62c-2.114%204.845-8.824%204.845-10.937%200l-2.889-6.62c-5.148-11.803-14.42-21.2-25.992-26.34l-8.898-3.954c-4.811-2.137-4.811-9.131%200-11.269l8.4-3.733c11.87-5.273%2021.308-15.017%2026.368-27.22l2.966-7.154c2.067-4.985%208.96-4.985%2011.027%200l2.966%207.153c5.06%2012.204%2014.499%2021.948%2026.368%2027.221l8.4%203.733c4.812%202.138%204.812%209.132%200%2011.27l-8.898%203.953c-11.571%205.14-20.844%2014.537-25.992%2026.34%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20258%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVG1xuhSd8h%22%20cx%3D%2278.302%25%22%20cy%3D%2255.52%25%22%20r%3D%2278.115%25%22%20fx%3D%2278.302%25%22%20fy%3D%2255.52%25%22%20gradientTransform%3D%22matrix(.19314%20.98115%20-.98064%20.19324%201.176%20-.32)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231ba1e3%22%2F%3E%3Cstop%20offset%3D%22.01%25%22%20stop-color%3D%22%231ba1e3%22%2F%3E%3Cstop%20offset%3D%2230.022%25%22%20stop-color%3D%22%235489d6%22%2F%3E%3Cstop%20offset%3D%2254.552%25%22%20stop-color%3D%22%239b72cb%22%2F%3E%3Cstop%20offset%3D%2282.537%25%22%20stop-color%3D%22%23d96570%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f49c46%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGm6NA5dhq%22%20cx%3D%22-3.409%25%22%20cy%3D%22-54.219%25%22%20r%3D%22169.363%25%22%20fx%3D%22-3.409%25%22%20fy%3D%22-54.219%25%22%20gradientTransform%3D%22matrix(.19314%20.98115%20-.98062%20.19324%20-.56%20-.404)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231ba1e3%22%2F%3E%3Cstop%20offset%3D%22.01%25%22%20stop-color%3D%22%231ba1e3%22%2F%3E%3Cstop%20offset%3D%2230.022%25%22%20stop-color%3D%22%235489d6%22%2F%3E%3Cstop%20offset%3D%2254.552%25%22%20stop-color%3D%22%239b72cb%22%2F%3E%3Cstop%20offset%3D%2282.537%25%22%20stop-color%3D%22%23d96570%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f49c46%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVG1xuhSd8h)%22%20d%3D%22m122.062%20172.77l-10.27%2023.52c-3.947%209.042-16.459%209.042-20.406%200l-10.27-23.52c-9.14-20.933-25.59-37.595-46.108-46.703L6.74%20113.52c-8.987-3.99-8.987-17.064%200-21.053l27.385-12.156C55.172%2070.97%2071.917%2053.69%2080.9%2032.043L91.303%206.977c3.86-9.303%2016.712-9.303%2020.573%200l10.403%2025.066c8.983%2021.646%2025.728%2038.926%2046.775%2048.268l27.384%2012.156c8.987%203.99%208.987%2017.063%200%2021.053l-28.267%2012.547c-20.52%209.108-36.97%2025.77-46.109%2046.703%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGm6NA5dhq)%22%20d%3D%22m217.5%20246.937l-2.888%206.62c-2.114%204.845-8.824%204.845-10.937%200l-2.889-6.62c-5.148-11.803-14.42-21.2-25.992-26.34l-8.898-3.954c-4.811-2.137-4.811-9.131%200-11.269l8.4-3.733c11.87-5.273%2021.308-15.017%2026.368-27.22l2.966-7.154c2.067-4.985%208.96-4.985%2011.027%200l2.966%207.153c5.06%2012.204%2014.499%2021.948%2026.368%2027.221l8.4%203.733c4.812%202.138%204.812%209.132%200%2011.27l-8.898%203.953c-11.571%205.14-20.844%2014.537-25.992%2026.34%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/google-bard-icon.svg?color=%231a73e8&size=48
