Ikon Dialogika
thesvg-color:dialogika
Ikon Dialogika (thesvg-color:dialogika) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 323 × 218. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 323 × 218
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="323" height="218" viewBox="0 0 323 218"><g fill-rule="evenodd"><path fill="#3a3850" stroke="#3a3850" stroke-width="1.307" d="M106 1h217v216H106zm49 52h113v113H155z"/><path fill="#3a3850" stroke="#3a3850" stroke-width="1.307" d="M108 1c60 0 108 48 108 108c0 59-48 108-108 108C49 217 1 168 1 109C1 49 49 1 108 1zm3 51c31 0 56 26 56 57s-25 56-56 56s-56-25-56-56s25-57 56-57z"/><path fill="#e41d2d" stroke="#e41d2d" stroke-width="3.14" d="m106 109l-1 107h1c61 0 110-48 110-107S167 2 106 2z"/></g></svg>Cara memakai ikon Dialogika
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:dialogika" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:dialogika" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:dialogika" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--dialogika]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:dialogika"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:dialogika"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/dialogika.svg" alt="Ikon Dialogika" width="24" height="24">FAQ Ikon Dialogika
Apakah ikon Dialogika gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dialogika di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:dialogika" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dialogika ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/dialogika.svg" alt="Ikon Dialogika">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.