ICONYZ
Bahasa Indonesia
Ikon Chrome dari Ligature Symbols

Ikon Chrome

ls:chrome

Ikon Chrome (ls:chrome) adalah ikon SVG gratis dari set Ligature Symbols karya Kazuyuki Motoyama. Ikon ini digambar pada grid 717 × 717. 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
717 × 717
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="M680 200H358c-31 0-59 10-84 25c-43 27-72 75-74 129L76 139C142 55 243 0 358 0c141 0 264 82 322 200M60 159l160 278c1 1 1 2 2 3c14 25 36 45 62 59c23 11 47 19 74 19s52-8 75-19L308 714C134 689 0 540 0 359c0-74 22-143 60-200m382 66h249c16 41 26 87 26 134c0 198-161 358-359 358c-8 0-15 0-23-1l160-276c1-1 1-2 2-3c13-24 20-50 20-78v-5c-2-54-32-102-75-129M239 359c0-67 52-120 119-120s120 53 120 120s-53 120-120 120s-119-53-119-120"/></svg>

Cara memakai ikon Chrome

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon Chrome di set ikon lain

FAQ Ikon Chrome

Apakah ikon Chrome 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 Chrome di React?

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

Bagaimana cara menambahkan ikon Chrome ke halaman web?

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

Lihat semua Ikon Ligature Symbols →