Google Palm icon

thesvg-color:google-palm

The Google Palm icon (thesvg-color:google-palm) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 229 grid. theSVG Color icons are released under the MIT 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: theSVG Color
Author: thesvg.org
License: MIT
Size: 256 × 229
Tags: googlepalm

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="229" viewBox="0 0 256 229"><path fill="#f9ab00" d="M128 228.542c9.895 0 17.91-8.015 17.91-17.91V55.413h-35.82v155.219c0 9.895 8.015 17.91 17.91 17.91"/><path fill="#5bb974" d="M199.356 112.053C180.043 92.755 151.193 88.845 128 100.307l76.669 76.67c3.164 3.163 8.612 1.91 9.955-2.344c6.746-21.357 1.657-45.64-15.268-62.58"/><path fill="#129eaf" d="M56.644 112.053C75.957 92.755 104.807 88.845 128 100.307l-76.669 76.67c-3.164 3.163-8.612 1.91-9.955-2.344c-6.746-21.357-1.657-45.64 15.268-62.58"/><path fill="#af5cf7" d="M193.67 52.548c-30.507 0-56.402 20-65.67 47.76h121.25c4.97 0 8.283-5.254 6.03-9.687c-11.523-22.611-34.776-38.073-61.61-38.073"/><path fill="#ff8bcb" d="M140.671 20.101C119.09 41.682 114.926 74.114 128 100.307l85.743-85.743c3.523-3.522 2.15-9.582-2.582-11.119c-24.148-7.836-51.52-2.313-70.49 16.656"/><path fill="#fa7b17" d="M115.329 20.101C136.91 41.682 141.074 74.114 128 100.307L42.257 14.564c-3.523-3.522-2.15-9.582 2.582-11.119c24.148-7.836 51.52-2.313 70.49 16.656"/><path fill="#4285f4" d="M62.33 52.548c30.507 0 56.402 20 65.67 47.76H6.75c-4.97 0-8.283-5.254-6.03-9.687C12.244 68.01 35.497 52.548 62.33 52.548"/></svg>

How to use the Google Palm icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:google-palm" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:google-palm" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:google-palm" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-palm]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-palm"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:google-palm"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/google-palm.svg" alt="Google Palm icon" width="24" height="24">

Related icons in theSVG Color

Google Palm icon in other icon sets

Google Palm icon FAQ

Is the Google Palm icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Google Palm icon in React?

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

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

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

Browse all theSVG Color icons →