Ikon Quiet Chat
selfhst:quiet-chat
Ikon Quiet Chat (selfhst:quiet-chat) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- selfh.st/icons
- Pembuat
- selfh.st
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
- Tag
- quietchat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#521c74" d="M256 0c141.4 0 256 114.6 256 256S397.4 512 256 512S0 397.4 0 256S114.6 0 256 0"/><path fill="#67bfd3" fill-rule="evenodd" d="M256 139.7c-64.2 0-116.3 52.1-116.3 116.3S191.8 372.3 256 372.3c21.3 0 39.9-3.9 49.9-10.8l30.3 32.9c-23.6 13.7-51 21.5-80.2 21.5c-88.4 0-160-71.6-160-160S167.6 96 256 96s160 71.6 160 160c0 32.1-9.1 61.6-25.4 86.7l-17.4-17.2l-14.6-14.6c8.8-16.3 13.7-35 13.7-54.9c0-64.2-52.1-116.3-116.3-116.3"/><path fill="#e42656" fill-rule="evenodd" d="M407.1 408.8c-8.5 8.5-22.4 8.5-30.9 0l-89-89c-8.5-8.5-8.5-22.4 0-30.9s22.4-8.5 30.9 0l89 89c8.6 8.5 8.6 22.3 0 30.9"/></svg>Cara memakai ikon Quiet Chat
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:quiet-chat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:quiet-chat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:quiet-chat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--quiet-chat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:quiet-chat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:quiet-chat"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/quiet-chat.svg" alt="Ikon Quiet Chat" width="24" height="24">Ikon terkait di selfh.st/icons
FAQ Ikon Quiet Chat
Apakah ikon Quiet Chat gratis untuk penggunaan komersial?
Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Quiet Chat di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:quiet-chat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Quiet Chat ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/quiet-chat.svg" alt="Ikon Quiet Chat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.