Ikon Quote

keyline-icons:quote

Ikon Quote (keyline-icons:quote) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Keyline Icons
Pembuat: Keyline Icons
Lisensi: MIT
Ukuran: 24 × 24

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 14.5C14 11.0341 15.7982 7.8163 18.75 6C18.0009 6.6386 17.5694 7.5735 17.5694 8.5579C17.5694 9.7588 18.21 10.8685 19.25 11.4689C20.3329 12.0941 21 13.2496 21 14.5C21 16.433 19.433 18 17.5 18C15.567 18 14 16.433 14 14.5ZM3 14.5C3 11.0341 4.7982 7.8163 7.75 6C7.0009 6.6386 6.5694 7.5735 6.5694 8.5579C6.5694 9.7588 7.21 10.8685 8.25 11.4689C9.3329 12.0941 10 13.2496 10 14.5C10 16.433 8.433 18 6.5 18C4.567 18 3 16.433 3 14.5Z"/></svg>

Cara memakai ikon Quote

React

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

<Icon icon="keyline-icons:quote" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:quote" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:quote" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--quote]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:quote"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/quote.svg" alt="Ikon Quote" width="24" height="24">

Ikon terkait di Keyline Icons

Ikon Quote di set ikon lain

FAQ Ikon Quote

Apakah ikon Quote gratis untuk penggunaan komersial?

Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Quote di React?

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

Bagaimana cara menambahkan ikon Quote ke halaman web?

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

Lihat semua Keyline Icons →