Ikon Chat Operational
carbon:chat-operational
Ikon Chat Operational (carbon:chat-operational) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.586 10.414L19.166 14l-3.582 3.587L17 19l5-5l-5-5z"/><path fill="currentColor" d="M20.586 10.414L24.166 14l-3.582 3.587L22 19l5-5l-5-5zM10 9l1.593 3l3.407.414l-2.5 2.253L13 18l-3-1.875L7 18l.5-3.333L5 12.414L8.5 12z"/><path fill="currentColor" d="M17.736 30L16 29l4-7h6a1.997 1.997 0 0 0 2-2V8a1.997 1.997 0 0 0-2-2H6a1.997 1.997 0 0 0-2 2v12a1.997 1.997 0 0 0 2 2h9v2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4h-4.835Z"/></svg>Cara memakai ikon Chat Operational
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:chat-operational" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:chat-operational" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:chat-operational" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--chat-operational]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:chat-operational"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:chat-operational"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/carbon/chat-operational.svg" alt="Ikon Chat Operational" width="24" height="24">Ikon terkait di Carbon
FAQ Ikon Chat Operational
Apakah ikon Chat Operational gratis untuk penggunaan komersial?
Ya. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Chat Operational di React?
Pasang @iconify/react lalu render <Icon icon="carbon:chat-operational" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Chat Operational ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/chat-operational.svg" alt="Ikon Chat Operational">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.