Ikon Google Fonts
logos:google-fonts
Ikon Google Fonts (logos:google-fonts) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 75. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 75
- Tag
- googlefonts, font
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/google-fonts.svg" alt="Ikon Google Fonts" width="24" height="24">
Ikon terkait di SVG Logos
Ikon Google Fonts di set ikon lain
FAQ Ikon Google Fonts
Apakah ikon Google Fonts gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Google Fonts di React?
Pasang @iconify/react lalu render <Icon icon="logos:google-fonts" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Google Fonts ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/google-fonts.svg" alt="Ikon Google Fonts">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon SVG Logos →
