Ikon Messages Square Sharp Fill

keyline-icons:messages-square-sharp-fill

Ikon Messages Square Sharp Fill (keyline-icons:messages-square-sharp-fill) 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
Tag: messagessquare, squaresharp, sharpfill, messagessquaresharpfill, message

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 9L21 9C21.5523 9 22 9.4477 22 10L22 21C22 21.5523 21.5523 22 21 22C20.7348 22 20.4804 21.8946 20.2929 21.7071L17.5858 19L12 19C11.4477 19 11 18.5523 11 18L11 10C11 9.4477 11.4477 9 12 9ZM7 13.4142L3.7071 16.7071C3.5196 16.8946 3.2652 17 3 17C2.4477 17 2 16.5523 2 16L2 3C2 2.4477 2.4477 2 3 2L17 2L17 4L4 4L4 13.5858L5.5858 12L7 13.4142Z"/></svg>

Cara memakai ikon Messages Square Sharp Fill

React

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

<Icon icon="keyline-icons:messages-square-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:messages-square-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:messages-square-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--messages-square-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:messages-square-sharp-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:messages-square-sharp-fill"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/messages-square-sharp-fill.svg" alt="Ikon Messages Square Sharp Fill" width="24" height="24">

Ikon terkait di Keyline Icons

FAQ Ikon Messages Square Sharp Fill

Apakah ikon Messages Square Sharp Fill gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Messages Square Sharp Fill di React?

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

Bagaimana cara menambahkan ikon Messages Square Sharp Fill ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/messages-square-sharp-fill.svg" alt="Ikon Messages Square Sharp Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Keyline Icons →