Google Fonts ikonu

logos:google-fonts

Google Fonts ikonu (logos:google-fonts), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 75 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: SVG Logos
Yazar: Gil Barbara
Lisans: CC0-1.0
Boyut: 512 × 75
Etiketler: googlefonts, font

SVG indir

SVG kodu

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

Google Fonts ikonu nasıl kullanılır

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 bileşeni

<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 görseli

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

SVG Logos setindeki benzer ikonlar

Diğer ikon setlerinde Google Fonts ikonu

Google Fonts ikonu: sık sorulan sorular

Google Fonts ikonu ticari kullanım için ücretsiz mi?

Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Google Fonts ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="logos:google-fonts" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Google Fonts ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/google-fonts.svg" alt="Google Fonts ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: SVG Logos ikonları →