Ikon Coqui
thesvg:coqui
Ikon Coqui (thesvg:coqui) adalah ikon SVG gratis dari set theSVG karya thesvg.org. Ikon ini digambar pada grid 24 × 24. theSVG 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
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M6.014 0q2.625.363 4.047 2.522c.159.24.306.574.416.778a.08.08 0 0 0 .074.04q1.463-.135 2.882 0a.08.08 0 0 0 .074-.04c.136-.25.294-.603.495-.893Q15.428.353 17.968 0h1.15q.828.155 1.04.224q1.765.579 2.82 2.053a5.37 5.37 0 0 1 1.02 3.331q-.039 1.79-1.234 3.306a.11.11 0 0 0-.01.126a9.4 9.4 0 0 1 1.165 3.35q.064.436.072.996q.01.783-.011 1.002c-.474 4.821-4.392 8.249-8.916 9.274q-.986.224-2.157.33H11.09a50 50 0 0 1-1.117-.143a13 13 0 0 1-2.076-.465c-2.745-.858-5.214-2.641-6.659-5.149q-.84-1.458-1.1-2.934a38 38 0 0 1-.138-.93v-1.456a9.7 9.7 0 0 1 1.239-3.89a.1.1 0 0 0-.01-.117a5.25 5.25 0 0 1-1.12-2.35Q.058 6.296 0 6.03V4.875q.137-.903.392-1.502C1.076 1.765 2.487.51 4.229.131q.318-.07.639-.131zm3.78 5.445a4.344 4.344 0 1 0-8.687 0a4.344 4.344 0 0 0 8.688 0zm13.092 0a4.344 4.344 0 1 0-8.688 0a4.344 4.344 0 0 0 8.688 0m-10.894 12.55q.248 0 .473-.006a32 32 0 0 0 2.6-.183q1.827-.205 3.604-.759c1.383-.431 3.435-1.327 4.064-2.735q.192-.428.142-1.097q-.148-1.936-.973-3.39a.04.04 0 0 0-.039-.017l-.014.007q-1.526 1.076-3.177 1.1q-1.741.028-3.116-.887q-2.116-1.406-2.458-3.999c-.07-.523-.025-.973.058-1.531a.06.06 0 0 0-.012-.046a.06.06 0 0 0-.042-.023q-.358-.04-1.107-.04q-.747 0-1.105.04a.06.06 0 0 0-.042.022a.06.06 0 0 0-.012.046c.082.558.127 1.008.057 1.531q-.345 2.592-2.46 3.997q-1.377.913-3.118.886q-1.651-.026-3.176-1.103a.04.04 0 0 0-.03-.006a.04.04 0 0 0-.023.017q-.825 1.452-.974 3.388q-.052.669.14 1.098c.628 1.409 2.68 2.305 4.062 2.738q1.777.555 3.604.761q1.273.145 2.6.185q.225.007.474.007zm.003 4.888c.847 0 1.576-.066 2.473-.239c3.482-.672 6.561-2.855 7.907-6.184a.02.02 0 0 0-.017-.025l-.01.004q-.645.493-1.405.87c-1.801.897-3.863 1.387-5.877 1.615c-.993.113-2.038.18-3.07.18s-2.076-.067-3.069-.18c-2.014-.23-4.076-.718-5.877-1.615a8.6 8.6 0 0 1-1.404-.872l-.011-.003a.02.02 0 0 0-.017.013v.012c1.345 3.329 4.424 5.512 7.906 6.184c.897.174 1.626.24 2.472.24z"/><path d="M5.998 9.24a3.243 3.243 0 1 0 0-6.486a3.243 3.243 0 0 0 0 6.486m11.997 0a3.243 3.243 0 1 0 0-6.486a3.243 3.243 0 0 0 0 6.486m-8.767 6.459a.934.934 0 1 0 0-1.867a.934.934 0 0 0 0 1.867m5.537.001a.935.935 0 1 0 0-1.87a.935.935 0 0 0 0 1.87"/></g></svg>Cara memakai ikon Coqui
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:coqui" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:coqui" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:coqui" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--coqui]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:coqui"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:coqui"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg/coqui.svg" alt="Ikon Coqui" width="24" height="24">Ikon Coqui di set ikon lain
FAQ Ikon Coqui
Apakah ikon Coqui gratis untuk penggunaan komersial?
Ya. theSVG icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Coqui di React?
Pasang @iconify/react lalu render <Icon icon="thesvg:coqui" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Coqui ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg/coqui.svg" alt="Ikon Coqui">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.