Google Fit icon

logos:google-fit

The Google Fit icon (logos:google-fit) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 216 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: 256 × 216
Tags: googlefit

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="216" viewBox="0 0 256 216"><path fill="#ea4335" d="M55.577.519c14.387-1.866 29.336 1.337 41.649 9.013c6.95 4.097 12.51 10.027 18.211 15.641c4.135 4.048 8.227 8.145 12.373 12.183l.153.42q-4.645 4.573-10.543 18.292q-12.369 4.35-16.882 8.784c-6.716-6.465-13.214-13.159-19.903-19.657c-6.361-5.957-15.974-8.358-24.305-5.624c-9.487 2.667-16.727 11.74-17.229 21.588c-.327 5.123 1.01 10.327 3.781 14.648c1.724 2.783 4.245 4.905 6.503 7.229c5.429 5.456 10.988 10.786 16.335 16.318q-4.283 4.209-10.143 16.294q-12.463 5.907-17.294 10.744c-7.218-6.787-14.12-13.94-21.272-20.802C8.495 96.73 2.8 85.235.835 73.107C-1.325 60.095.726 46.396 6.75 34.65c5.058-9.848 12.712-18.402 22.025-24.41C36.87 5.15 46.04 1.584 55.577.52"/><path fill="#34a853" d="m128.083 160.779l62.408-61.507l16.873 10.022l10.558 17.158l-89.839 88.878l-62.32-61.654l11.959-16.829l15.641-10.417z"/><path fill="#fbbc05" d="m100.592 64.912l15.697 8.491l11.794 18.766l-62.32 61.507l-27.48-27.284z"/><path fill="#4285f4" d="M203.333.895c18.288 3.1 35.108 14.518 44.328 30.672c10.502 17.747 11.075 40.776 1.756 59.14c-3.862 7.888-9.76 14.544-16.04 20.595c-5.21 4.98-10.158 10.295-15.455 15.15c-9.166-9.034-18.342-18.064-27.431-27.18c6.476-6.541 13.055-12.974 19.553-19.493c4.19-4.234 6.814-10.039 7.027-16.012c.289-6.782-2.39-13.661-7.305-18.364c-5.009-4.741-12.025-7.436-18.932-6.864c-5.94.284-11.675 2.98-15.865 7.18c-15.636 15.472-31.233 30.988-46.886 46.45c-9.203-9.046-18.418-18.08-27.49-27.257l-.055-.06c9.165-9.002 18.27-18.064 27.425-27.076c6.634-6.536 13.247-13.1 19.886-19.64c8.598-8.637 19.935-14.295 31.78-16.891c7.806-1.468 15.86-1.632 23.704-.35"/></svg>

How to use the Google Fit icon

React

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

<Icon icon="logos:google-fit" width="24" />

Vue

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

<template>
  <Icon icon="logos:google-fit" width="24" />
</template>

Svelte

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

<Icon icon="logos:google-fit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--google-fit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:google-fit"></div>

Web component

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

<iconify-icon icon="logos:google-fit"></iconify-icon>

HTML image

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

Related icons in SVG Logos

Google Fit icon in other icon sets

Google Fit icon FAQ

Is the Google Fit 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 Fit icon in React?

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

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

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

Browse all SVG Logos icons →