Icono Google Fonts

logos:google-fonts

El icono Google Fonts (logos:google-fonts) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 75. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: SVG Logos
Autor: Gil Barbara
Licencia: CC0-1.0
Tamaño: 512 × 75
Etiquetas: googlefonts, font

Descargar SVG

Código SVG

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

Cómo usar el icono Google Fonts

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>

Imagen HTML

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

Iconos relacionados en SVG Logos

El icono Google Fonts en otras colecciones

Preguntas frecuentes sobre Icono Google Fonts

¿El icono Google Fonts es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Google Fonts en React?

Instala @iconify/react y renderiza <Icon icon="logos:google-fonts" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Google Fonts a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/google-fonts.svg" alt="Icono Google Fonts">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →