Google Fonts icon

logos:google-fonts

The Google Fonts icon (logos:google-fonts) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 75 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 × 75
Tags: googlefonts, font

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="75" viewBox="0 0 512 75"><path fill="#fbbc04" d="M0 65.787L41.474 0h25.743v9.153L31.463 65.787"/><path fill="#1a73e8" d="M67.217 65.787H41.474V0h25.743z"/><path fill="#34a853" d="M85.809 47.195c0 10.268-8.324 18.592-18.592 18.592V28.603c10.268 0 18.592 8.323 18.592 18.592"/><path fill="#0d652d" d="M67.217 65.787c-10.269 0-18.592-8.324-18.592-18.592c0-10.269 8.323-18.592 18.592-18.592z"/><path fill="#1a73e8" d="M81.518 14.301c0 7.898-6.401 14.302-14.301 14.302V0c7.9 0 14.301 6.404 14.301 14.301"/><path fill="#174ea6" d="M67.217 28.603c-7.9 0-14.302-6.404-14.302-14.302S59.317 0 67.217 0z"/><path fill="#ea4335" d="M1.43 12.871C1.43 5.763 7.194 0 14.301 0s12.872 5.763 12.872 12.871S21.409 25.743 14.3 25.743S1.431 19.979 1.431 12.87"/><path fill="#5f6368" d="m155.364 59.961l-.946.012c-14.739 0-27.135-11.947-27.135-26.626c0-14.676 12.396-26.626 27.135-26.626c8.158 0 13.961 3.183 18.335 7.34l-5.16 5.128c-3.13-2.92-7.368-5.195-13.175-5.195c-10.763 0-19.178 8.638-19.178 19.353c0 10.717 8.415 19.356 19.178 19.356c6.98 0 10.96-2.795 13.507-5.326c2.085-2.08 3.458-5.066 3.975-9.159h-17.482v-7.274h24.596c.26 1.299.389 2.86.389 4.548c0 5.455-1.502 12.208-6.33 17.016c-4.509 4.674-10.217 7.254-17.709 7.453m62.084-17.132c0 9.87-7.626 17.144-16.98 17.144c-9.35 0-16.972-7.273-16.972-17.144c0-9.937 7.623-17.145 16.973-17.145c9.353 0 16.979 7.208 16.979 17.145m-7.431 0c0-6.17-4.425-10.392-9.548-10.392s-9.545 4.222-9.545 10.392c0 6.104 4.422 10.391 9.545 10.391s9.548-4.287 9.548-10.391m45.481 0c0 9.87-7.626 17.144-16.979 17.144c-9.347 0-16.973-7.273-16.973-17.144c0-9.937 7.626-17.145 16.973-17.145c9.353 0 16.979 7.208 16.979 17.145m-7.431 0c0-6.17-4.422-10.392-9.548-10.392c-5.122 0-9.542 4.222-9.542 10.392c0 6.104 4.42 10.391 9.542 10.391c5.126 0 9.548-4.287 9.548-10.391m37.352-13.312v-2.794h7.174v30.785c0 12.665-7.5 17.86-16.372 17.86c-8.35 0-13.372-5.587-15.263-10.132l6.585-2.728c1.175 2.791 4.044 6.103 8.678 6.103c5.675 0 9.198-3.503 9.198-10.065v-2.468h-.26c-1.696 2.08-4.96 3.895-9.067 3.895c-8.612 0-16.507-7.465-16.507-17.078c0-9.677 7.895-17.21 16.507-17.21c4.107 0 7.371 1.818 9.067 3.832zm.521 13.378c0-6.038-4.044-10.458-9.196-10.458c-5.22 0-9.59 4.42-9.59 10.458c0 5.975 4.37 10.325 9.59 10.325c5.152 0 9.196-4.35 9.196-10.325m19.92 16.037h-7.57V8.54h7.57zm35.16-22.339l.781 1.948l-23.025 9.482c1.762 3.441 4.5 5.197 8.35 5.197c3.846 0 6.524-1.885 8.477-4.742l5.872 3.896c-1.887 2.794-6.458 7.597-14.35 7.597c-9.782 0-16.85-7.529-16.85-17.14c0-10.196 7.128-17.144 16.004-17.144c8.938 0 13.309 7.076 14.742 10.906m-23.487 5.104l.002.611l15.397-6.361c-.85-2.142-3.393-3.638-6.396-3.638c-3.727 0-8.86 3.167-9.003 9.388m50.348-2.956v20.197h-6.053V11.835h27.499v5.786h-21.446v15.46h19.344v5.66zm24.205 4.945l-.016-.866q0-7.431 4.67-12.302q4.739-4.868 11.908-4.868c4.783 0 8.727 1.622 11.842 4.868q4.736 4.87 4.736 12.302q0 7.501-4.736 12.302q-4.67 4.87-11.842 4.869q-7.17 0-11.907-4.869q-4.397-4.583-4.655-11.436m6.052-1.59l-.016.724q0 5.196 3.027 8.418q3.024 3.225 7.5 3.224q4.474.001 7.499-3.224q3.025-3.222 3.026-8.418q-.001-5.132-3.026-8.355q-3.093-3.29-7.5-3.289q-4.41 0-7.5 3.29q-2.808 2.992-3.01 7.63m32.234-15.393h5.79v4.47h.262q1.383-2.365 4.245-3.944c1.908-1.056 3.89-1.579 5.955-1.579q5.92-.002 9.107 3.387q3.192 3.386 3.193 9.639v20.262h-6.053v-19.87q-.195-7.895-7.96-7.895q-3.62.001-6.052 2.93q-2.436 2.929-2.435 7.004v17.831h-6.052zm47.951 32.748l-.776.013q-3.95 0-6.547-2.437q-2.599-2.431-2.666-6.773V32.23h-5.655v-5.524h5.655v-9.87h6.055v9.87h7.892v5.524h-7.892v16.05c0 2.148.415 3.61 1.25 4.376c.832.77 1.776 1.147 2.826 1.147a6 6 0 0 0 1.416-.16a7 7 0 0 0 1.284-.432l1.908 5.394q-2.074.749-4.75.845m19.197-20.38l4.874 1.25q9.603 2.367 9.605 9.67q-.001 4.211-3.684 7.105c-2.457 1.928-5.552 2.895-9.276 2.895c-3.246 0-6.101-.847-8.555-2.535c-2.457-1.684-4.21-3.913-5.263-6.676l5.392-2.302q1.187 2.894 3.455 4.508q2.271 1.609 4.971 1.61q2.895.001 4.834-1.25q1.94-1.248 1.94-2.96c0-2.063-1.577-3.573-4.735-4.54l-5.529-1.381q-9.407-2.368-9.407-9.079c0-2.937 1.193-5.297 3.584-7.07q3.587-2.665 9.181-2.666q4.275 0 7.729 2.04c2.302 1.36 3.913 3.177 4.831 5.46l-5.392 2.236q-.92-2.037-2.992-3.192c-1.381-.763-2.931-1.15-4.639-1.15q-2.37 0-4.245 1.185q-1.874 1.184-1.873 2.894q.001 2.763 5.194 3.947"/></svg>

How to use the Google Fonts icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Google Fonts icon in other icon sets

Google Fonts icon FAQ

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

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

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

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

Browse all SVG Logos icons →