Ikon Conversation Square
academicons:conversation-square
Ikon Conversation Square (academicons:conversation-square) adalah ikon SVG gratis dari set Academicons karya James Walsh. Ikon ini digambar pada grid 448 × 512. Academicons 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
- Academicons
- Pembuat
- James Walsh
- Lisensi
- OFL-1.1
- Ukuran
- 448 × 512
- Tag
- conversationsquare
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M48 32C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm157.918 115.73h73.705C336.848 147.73 384 194.885 384 252.11v4.119c0 56.309-46.237 103.462-104.377 103.462h-72.791c-23.348 0-45.32-7.325-62.717-20.601L64 364.27l54.936-51.733c-10.988-16.938-17.397-35.708-17.397-56.308v-4.12c0-57.224 47.154-104.379 104.379-104.379m-1.451 39.79c-31.588 0-54.903 23.359-54.903 54.947v27.066c0 31.588 23.315 51.205 54.903 51.205h75.537c31.13 0 54.973-19.617 54.973-51.205v-27.066c0-31.588-23.385-54.947-54.973-54.947z"/></svg>Cara memakai ikon Conversation Square
React
import { Icon } from "@iconify/react";
<Icon icon="academicons:conversation-square" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="academicons:conversation-square" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="academicons:conversation-square" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--conversation-square]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:conversation-square"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="academicons:conversation-square"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/academicons/conversation-square.svg" alt="Ikon Conversation Square" width="24" height="24">Ikon terkait di Academicons
FAQ Ikon Conversation Square
Apakah ikon Conversation Square gratis untuk penggunaan komersial?
Ya. Academicons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Conversation Square di React?
Pasang @iconify/react lalu render <Icon icon="academicons:conversation-square" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Conversation Square ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/academicons/conversation-square.svg" alt="Ikon Conversation Square">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.