Ikon Kamal
thesvg-color:kamal
Ikon Kamal (thesvg-color:kamal) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 145 × 32. 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
- 145 × 32
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="145" height="32" viewBox="0 0 145 32"><clipPath id="SVGTztPORtj"><path d="M0 0h145v32H0z"/></clipPath><g fill="none" clip-path="url(#SVGTztPORtj)"><path fill="#28323c" fill-rule="evenodd" d="M10.701 30.145a20.6 20.6 0 0 0 8.564 1.745c8.36 0 14.43-2.54 17.09-7.11a1.8 1.8 0 0 0 .22-1c-.61-9.2-5.9-23.78-17.31-23.78c-8.74 0-15.2 5.74-19.2 17.06a1.7 1.7 0 0 0 3.2 1.13c3.47-9.8 8.85-14.8 16-14.8c8.44 0 13.14 11.61 13.88 20.08c-2.16 3.17-7.17 5-13.88 5a17 17 0 0 1-12.4-5c1.36-3.28 3.25-6.27 4.12-6.42c.39 0 1.41 1.08 1.9 1.6l.016.016C13.986 19.811 15.113 21 16.665 21c.7 0 2.84 0 6.84-8.57a1.7 1.7 0 0 0-3.08-1.43a29.7 29.7 0 0 1-3.9 6.49a13 13 0 0 1-1.19-1.16l-.026-.028c-1.115-1.175-2.498-2.632-4.344-2.632c-3.66.02-6.59 6.72-7.66 9.6a1.7 1.7 0 0 0 .33 1.73a20.6 20.6 0 0 0 7.066 5.145M42.506 8.811h6.08c3.37 0 5.12 1.39 5.12 4v.08a3.16 3.16 0 0 1-2.5 3.31a3.4 3.4 0 0 1 3.09 3.64V20c0 2.84-1.86 4.33-5.43 4.33h-6.36zm5.52 6.36c1.68 0 2.35-.6 2.35-2v-.07c0-1.3-.73-1.89-2.38-1.89h-2.03v4zm.3 6.69c1.73 0 2.51-.78 2.51-2.19v-.08c0-1.43-.78-2.17-2.68-2.17h-2.19v4.44zm6.88-.72c0-2.64 2.42-3.63 5.89-3.63h1.27v-.46c0-1.34-.4-2.05-1.84-2.05a1.7 1.7 0 0 0-1.92 1.6h-3c.2-2.68 2.32-3.87 5.09-3.87s4.73 1.12 4.73 4.19v7.38h-3v-1.38a3.82 3.82 0 0 1-3.46 1.6c-2 0-3.76-1-3.76-3.38m7.16-.82v-.95h-1.21c-1.82 0-2.88.39-2.88 1.6c0 .82.5 1.36 1.65 1.36c1.38 0 2.44-.75 2.44-2.01m7.34.41h-2.92c.11 2.45 1.94 3.79 4.93 3.79s4.76-1.29 4.76-3.72s-1.56-3.14-4.39-3.55c-1.65-.23-2.19-.53-2.19-1.23s.6-1.17 1.6-1.17a1.53 1.53 0 0 1 1.78 1.36h2.88c-.28-2.6-2.16-3.5-4.67-3.5c-2.31 0-4.48 1.31-4.48 3.52s1.18 3.07 4.18 3.53c1.62.24 2.29.56 2.29 1.34s-.56 1.23-1.77 1.23c-1.37 0-1.87-.6-2-1.6m7.57-1.972v-.17a5.61 5.61 0 0 1 5.82-5.88c2.92 0 5.52 1.71 5.52 5.75v.87h-8.16c.09 1.88 1.11 3 2.81 3c1.45 0 2.17-.63 2.36-1.58h3c-.36 2.44-2.31 3.81-5.4 3.81c-3.46-.04-5.95-2.18-5.95-5.8m8.29-1.36c-.11-1.71-1-2.53-2.47-2.53a2.58 2.58 0 0 0-2.59 2.53zm3.87 1.19v.17c0 3.7 2.53 5.79 5.82 5.79s5.239-1.86 5.409-4.55h-2.83a2.31 2.31 0 0 1-2.47 2.16c-1.77 0-2.77-1.17-2.77-3.44v-.17c0-2.17 1.09-3.38 2.71-3.38a2.09 2.09 0 0 1 2.29 1.93h3c-.32-3.25-2.7-4.39-5.32-4.39a5.62 5.62 0 0 0-5.84 5.88m11.969 2.552c0-2.64 2.42-3.63 5.88-3.63h1.28v-.46c0-1.34-.41-2.07-1.84-2.07a1.71 1.71 0 0 0-1.749.925c-.106.21-.167.44-.181.675h-3c.2-2.68 2.31-3.87 5.08-3.87s4.74 1.12 4.74 4.19v7.38h-3v-1.36a3.84 3.84 0 0 1-3.42 1.6c-2.06 0-3.79-1-3.79-3.38m7.16-.82v-.95h-1.21c-1.82 0-2.88.39-2.88 1.6c0 .82.5 1.36 1.64 1.36c1.39 0 2.45-.75 2.45-2.01m8.19-7.322h-3.13v11.27h3.13v-6.68a2.12 2.12 0 0 1 .565-1.66a2.12 2.12 0 0 1 1.625-.66c1.1 0 1.77.65 1.77 2.1v6.9h3.12v-6.68a2.095 2.095 0 0 1 2.18-2.32c1.13 0 1.78.65 1.78 2.1v6.9h3.11v-7.25c0-3-1.62-4.32-3.72-4.32a4.48 4.48 0 0 0-3.81 2a3.1 3.1 0 0 0-3.15-2a3.87 3.87 0 0 0-3.47 2zm15.8 0h3.14v1.77a4.21 4.21 0 0 1 3.61-2c2.77 0 4.93 2 4.93 5.79v.18c0 3.74-2.12 5.84-4.93 5.84a4 4 0 0 1-3.61-2v5.58h-3.14zm8.5 5.7v-.14c0-2.3-1.12-3.42-2.7-3.42s-2.77 1.14-2.77 3.42v.17c0 2.27 1.08 3.37 2.79 3.37s2.68-1.2 2.68-3.4" clip-rule="evenodd"/></g></svg>Cara memakai ikon Kamal
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:kamal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:kamal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:kamal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kamal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kamal"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:kamal"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/kamal.svg" alt="Ikon Kamal" width="24" height="24">FAQ Ikon Kamal
Apakah ikon Kamal 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 Kamal di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:kamal" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Kamal ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/kamal.svg" alt="Ikon Kamal">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.