Icône Google Fonts
logos:google-fonts
L'icône Google Fonts (logos:google-fonts) est une icône SVG gratuite de la collection SVG Logos par Gil Barbara. Elle est dessinée sur une grille de 512 × 75. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- SVG Logos
- Auteur
- Gil Barbara
- Licence
- CC0-1.0
- Taille
- 512 × 75
- Mots-clés
- googlefonts, font
Code 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>
Comment utiliser l'icône 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>
Image HTML
<img src="https://iconyz.com/api/public/svg/logos/google-fonts.svg" alt="Icône Google Fonts" width="24" height="24">
Icônes similaires dans SVG Logos
L'icône Google Fonts dans d'autres collections
FAQ : Icône Google Fonts
L'icône Google Fonts est-elle gratuite pour un usage commercial ?
Oui. Les SVG Logos icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Google Fonts dans React ?
Installez @iconify/react et affichez <Icon icon="logos:google-fonts" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Google Fonts à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/logos/google-fonts.svg" alt="Icône Google Fonts">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes SVG Logos →
