Ikon Kakaotalk
simple-icons:kakaotalk
Ikon Kakaotalk (simple-icons:kakaotalk) adalah ikon SVG gratis dari set Simple Icons karya Simple Icons Collaborators. Ikon ini digambar pada grid 24 × 24. Simple Icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Simple Icons
- Pembuat
- Simple Icons Collaborators
- Lisensi
- CC0-1.0
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22.125 0H1.875C.839 0 0 .84 0 1.875v20.25C0 23.161.84 24 1.875 24h20.25C23.161 24 24 23.16 24 22.125V1.875C24 .839 23.16 0 22.125 0M12 18.75q-.888 0-1.732-.12c-.562.396-3.813 2.679-4.12 2.722c0 0-.125.049-.232-.014s-.088-.229-.088-.229c.032-.22.843-3.018.992-3.533c-2.745-1.36-4.57-3.769-4.57-6.513c0-4.246 4.365-7.688 9.75-7.688s9.75 3.442 9.75 7.688S17.385 18.75 12 18.75M8.05 9.867h-.878v3.342c0 .296-.252.537-.563.537s-.562-.24-.562-.537V9.867h-.878a.552.552 0 0 1 0-1.101h2.88a.552.552 0 0 1 0 1.101m10.987 2.957a.56.56 0 0 1 .109.417a.56.56 0 0 1-.219.37a.56.56 0 0 1-.338.114a.56.56 0 0 1-.45-.224l-1.319-1.747l-.195.195v1.227a.564.564 0 0 1-.562.563a.563.563 0 0 1-.563-.563V9.328a.563.563 0 0 1 1.125 0v1.21l1.57-1.57a.44.44 0 0 1 .311-.126c.14 0 .282.061.388.167a.56.56 0 0 1 .165.356a.44.44 0 0 1-.124.343l-1.282 1.281zm-8.35-3.502c-.095-.27-.383-.548-.75-.556c-.366.008-.654.286-.749.555l-1.345 3.541c-.171.53-.022.728.133.8a.9.9 0 0 0 .357.077c.235 0 .414-.095.468-.248l.279-.73h1.715l.279.73c.054.153.233.248.468.248a.9.9 0 0 0 .357-.078c.155-.071.304-.268.133-.8zm-1.311 2.443l.562-1.596l.561 1.596zm5.905 1.383a.53.53 0 0 1-.539.516h-1.804a.53.53 0 0 1-.54-.516v-3.82c0-.31.258-.562.575-.562s.574.252.574.562v3.305h1.195c.297 0 .54.231.54.515"/></svg>Cara memakai ikon Kakaotalk
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:kakaotalk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:kakaotalk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:kakaotalk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--kakaotalk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:kakaotalk"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:kakaotalk"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/kakaotalk.svg" alt="Ikon Kakaotalk" width="24" height="24">Ikon Kakaotalk di set ikon lain
FAQ Ikon Kakaotalk
Apakah ikon Kakaotalk gratis untuk penggunaan komersial?
Ya. Simple Icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Kakaotalk di React?
Pasang @iconify/react lalu render <Icon icon="simple-icons:kakaotalk" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Kakaotalk ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/simple-icons/kakaotalk.svg" alt="Ikon Kakaotalk">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.