ICONYZ
Bahasa Indonesia
Ikon Google dari Ligature Symbols

Ikon Google

ls:google

Ikon Google (ls:google) adalah ikon SVG gratis dari set Ligature Symbols karya Kazuyuki Motoyama. Ikon ini digambar pada grid 655 × 674. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Ligature Symbols
Pembuat
Kazuyuki Motoyama
Lisensi
OFL-1.1
Ukuran
655 × 674
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="655" height="674" viewBox="0 0 655 674"><path fill="currentColor" d="M82 19h491c45 0 82 37 82 82v82H553V81h-51v102H399v51h103v103h51V234h102v359c0 45-37 81-82 81H377c1-6 1-12 1-18c0-68-14-102-86-155c-20-15-66-46-66-68c0-25 7-37 45-67s66-70 66-119c0-53-23-100-64-124h59l50-53H160C97 70 38 97 0 137v-36c0-45 37-82 82-82m166 233c10 78-25 129-84 127c-60-2-117-57-127-136s30-138 89-137c60 2 112 67 122 146M0 543V366c29 29 70 46 121 46c7 0 14 0 21-1c-7 13-12 29-12 44c0 26 15 41 33 58h-41c-46 0-88 12-122 30m309 131H82c-39 0-72-26-80-63c27-42 84-73 150-72c20 0 40 5 57 10c48 34 88 54 97 93c2 7 3 15 3 23z"/></svg>

Cara memakai ikon Google

React

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

<Icon icon="ls:google" width="24" />

Vue

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

<template>
  <Icon icon="ls:google" width="24" />
</template>

Svelte

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

<Icon icon="ls:google" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ls:google"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ls/google.svg" alt="Ikon Google" width="24" height="24">

Ikon Google di set ikon lain

FAQ Ikon Google

Apakah ikon Google gratis untuk penggunaan komersial?

Ya. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Google di React?

Pasang @iconify/react lalu render <Icon icon="ls:google" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Google ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ls/google.svg" alt="Ikon Google">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Ligature Symbols →