Ikon Message Typing
typcn:message-typing
Ikon Message Typing (typcn:message-typing) adalah ikon SVG gratis dari set Typicons karya Stephen Hutchings. Ikon ini digambar pada grid 24 × 24. Typicons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Typicons
- Pembuat
- Stephen Hutchings
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 24 × 24
- Tag
- messagetyping
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18 6H5C3.35 6 2 7.35 2 9v7c0 1.65 1.35 3 3 3h1v3l3-3h9c1.65 0 3-1.35 3-3V9c0-1.65-1.35-3-3-3m1 10c0 .542-.458 1-1 1H5c-.542 0-1-.458-1-1V9c0-.542.458-1 1-1h13c.542 0 1 .458 1 1zM7 14.5a2 2 0 1 1 .001-4.001A2 2 0 0 1 7 14.5m0-3a1 1 0 1 0 0 2a1 1 0 0 0 0-2m4.5 3a2 2 0 1 1 .001-4.001A2 2 0 0 1 11.5 14.5m0-3a1 1 0 1 0 0 2a1 1 0 0 0 0-2m4.5 3a2 2 0 1 1 .001-4.001A2 2 0 0 1 16 14.5m0-3a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/></svg>Cara memakai ikon Message Typing
React
import { Icon } from "@iconify/react";
<Icon icon="typcn:message-typing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="typcn:message-typing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="typcn:message-typing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[typcn--message-typing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/typcn -->
<div class="i-typcn:message-typing"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="typcn:message-typing"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/typcn/message-typing.svg" alt="Ikon Message Typing" width="24" height="24">Ikon terkait di Typicons
FAQ Ikon Message Typing
Apakah ikon Message Typing gratis untuk penggunaan komersial?
Ya. Typicons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Message Typing di React?
Pasang @iconify/react lalu render <Icon icon="typcn:message-typing" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Message Typing ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/typcn/message-typing.svg" alt="Ikon Message Typing">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.