Ikon Cloth
flat-color-icons:cloth
Ikon Cloth (flat-color-icons:cloth) adalah ikon SVG gratis dari set Flat Color Icons karya Icons8. Ikon ini digambar pada grid 48 × 48. Flat 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
- Flat Color Icons
- Pembuat
- Icons8
- Lisensi
- MIT
- Ukuran
- 48 × 48
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#FF5722" d="M6 10v28c0 2.2 1.8 4 4 4h28c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4H10c-2.2 0-4 1.8-4 4"/><path fill="#BF360C" d="M6 35h36v2H6zm0-4h36v2H6zm.1 8c.2.8.6 1.5 1.2 2h33.2c.6-.5 1-1.2 1.2-2zm0-30h35.7c-.2-.8-.6-1.5-1.2-2H7.4c-.6.5-1.1 1.2-1.3 2M6 23h36v2H6zm0 4h36v2H6zm0-12h36v2H6zm0-4h36v2H6zm0 8h36v2H6z"/><path fill="#FF8A65" d="M27 6h2v5h-2zm0 7h2v6h-2zm0 16h2v6h-2zm4-23h2v1h-2zM19 29h2v6h-2zM31 9h2v6h-2zm-8-3h2v1h-2zm0 19h2v6h-2zm0-16h2v6h-2zm-4 12h2v6h-2zm4-4h2v6h-2zm0 16h2v6h-2zm4-12h2v6h-2zm12 12h2v6h-2zm0-16h2v6h-2zm0 8h2v6h-2zm0-18.9V7h1.6c-.4-.4-1-.7-1.6-.9M31 17h2v6h-2zm9.6 24H39v.9c.6-.2 1.2-.5 1.6-.9M35 13h2v6h-2zm-4 20h2v6h-2zm4-4h2v6h-2zm4-20h2v6h-2zm-4 12h2v6h-2zm-4 4h2v6h-2zm4 12h2v5h-2zm0-31h2v5h-2zm-4 35h2v1h-2zm-8 0h2v1h-2zm4-4h2v5h-2zm-8 0h2v5h-2zM7 17h2v6H7zm2 24H7.4c.5.4 1 .7 1.6.9zM7.4 7H9v-.9c-.6.2-1.2.5-1.6.9M7 33h2v6H7zm0-8h2v6H7zM7 9h2v6H7zm4 20h2v6h-2zm4-12h2v6h-2zm0 16h2v6h-2zm0-24h2v6h-2zm0-3h2v1h-2zm4 0h2v5h-2zm-4 19h2v6h-2zm0 16h2v1h-2zm-4-20h2v6h-2zm0-15h2v5h-2zm0 31h2v5h-2zm8-24h2v6h-2zm-8 0h2v6h-2z"/></svg>Cara memakai ikon Cloth
React
import { Icon } from "@iconify/react";
<Icon icon="flat-color-icons:cloth" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-color-icons:cloth" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-color-icons:cloth" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-color-icons--cloth]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-color-icons -->
<div class="i-flat-color-icons:cloth"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-color-icons:cloth"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/flat-color-icons/cloth.svg" alt="Ikon Cloth" width="24" height="24">Ikon Cloth di set ikon lain
FAQ Ikon Cloth
Apakah ikon Cloth gratis untuk penggunaan komersial?
Ya. Flat Color Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cloth di React?
Pasang @iconify/react lalu render <Icon icon="flat-color-icons:cloth" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cloth ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flat-color-icons/cloth.svg" alt="Ikon Cloth">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.