Ikon Drawer Image
streamline-freehand-color:drawer-image
Ikon Drawer Image (streamline-freehand-color:drawer-image) adalah ikon SVG gratis dari set Freehand color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Freehand color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Email dan pesan
- Tag
- drawerimage
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#020202" d="M23.853 17.61a7.3 7.3 0 0 0-.13-1.44a1 1 0 0 0-.45-.61a6.6 6.6 0 0 0-2.84-.51a5.66 5.66 0 0 0-2.869.59a1.24 1.24 0 0 0-.48.69q-.116.494-.17 1l-.06.27a1 1 0 0 1 0 .11q-.36.081-.73.09c-1 .09-2.45.12-3.999.11a28 28 0 0 1-4.86-.29a.63.63 0 0 1-.38-.22a1.7 1.7 0 0 1-.2-.67a1.5 1.5 0 0 0-.669-1a5.3 5.3 0 0 0-1.67-.14a33 33 0 0 0-3.46.22c-.47.13-.779.62-.859 1.4c-.14 1.389.31 3.749.31 5.218a.32.32 0 0 0 .31.32a.31.31 0 0 0 .35-.39c0-1.25-.3-3.15-.28-4.529a3.8 3.8 0 0 1 .13-1.05c.05-.15.11-.27.23-.3s1.27-.09 2.32-.11h2.18c.199.14.199.37.239.58c.042.298.144.583.3.84c.207.298.51.513.86.61c2.028.34 4.082.5 6.139.48c1.433.082 2.87-.015 4.28-.29a1.24 1.24 0 0 0 .539-.66q.15-.49.21-1c0-.15.09-.38.1-.43a4.75 4.75 0 0 1 2.18-.37c.735-.018 1.467.1 2.16.35c0 .2.08 1 .09 1.15c0 .36.17 1.91.16 3.26a8 8 0 0 1-.12 1.42q.003.07 0 .14c-.15 0-.48.12-.81.14c-1.86.13-5.84.23-9.809.29c-5.23.08-10.458.1-10.868 0a.353.353 0 0 0-.41.28a.35.35 0 0 0 .28.41c.53.1 9.098.23 15.377.2c2.64 0 4.88 0 5.94-.13a2.5 2.5 0 0 0 .9-.17a2 2 0 0 0 .639-1.43a27 27 0 0 0-.1-4.43"/><path fill="#0c6fff" d="M2.387 14.44a.31.31 0 0 0 .29-.33c-.07-1.48 0-4.68.16-7.479c.09-1.58.21-3 .35-3.95s.43-.76 1.18-.86c1.329-.19 3.459-.27 5.758-.34a97 97 0 0 1 9.769.06c.72.08.82.26 1 1q.42 2.485.58 5a44 44 0 0 1 .13 6.269a.36.36 0 0 0 .3.4a.37.37 0 0 0 .4-.31c.196-2.56.196-5.13 0-7.689a37 37 0 0 0-.42-4.1a3.4 3.4 0 0 0-.46-1.2a2.2 2.2 0 0 0-1.24-.419a76 76 0 0 0-8.26-.24a59 59 0 0 0-8.268.58a2.2 2.2 0 0 0-1.17.49a1.5 1.5 0 0 0-.22.57a29 29 0 0 0-.27 3.45c-.1 3.049-.08 7.098.06 8.808a.31.31 0 0 0 .33.29"/><path fill="#020202" d="M8.606 4.242a.3.3 0 0 0 .44 0a.31.31 0 0 0 0-.44c-.9-1.08-2.41-.71-3.4.19s-1.41 2.57-.1 3.58a3 3 0 0 0 2.26.48a3.2 3.2 0 0 0 2-1.08a3.15 3.15 0 0 0 .72-1.8a1.34 1.34 0 0 0-.73-1.27a.35.35 0 0 0-.48.15a.35.35 0 0 0 .11.49a.72.72 0 0 1 .21.84a2.4 2.4 0 0 1-.59 1a2.24 2.24 0 0 1-1.39.6a2 2 0 0 1-1.4-.31c-.73-.5-.43-1.34.1-1.92s1.56-1.16 2.25-.51m7.388 8.628q-1.423.192-2.86.21l-5.998.12a.35.35 0 0 0-.36.35a.35.35 0 0 0 .35.35l5.999.12q1.501.032 3-.1a5.3 5.3 0 0 0 2.099-.61a1.07 1.07 0 0 0 .36-.83a12.4 12.4 0 0 0-.74-3.79a5.6 5.6 0 0 0-1-1.879a1.32 1.32 0 0 0-1.29-.47a3 3 0 0 0-1.64 1.27a36 36 0 0 0-1.789 3.27a2 2 0 0 1-.24-.14a7.2 7.2 0 0 0-1.24-1a1.8 1.8 0 0 0-.8-.21a1.37 1.37 0 0 0-.7.17a2.5 2.5 0 0 0-.7.62c-.37.45-.64.77-.88 1.11a9.5 9.5 0 0 0-.73 1.229a.33.33 0 0 0 .13.43a.31.31 0 0 0 .42-.13q.327-.59.73-1.13c.24-.31.51-.61.89-1a2.4 2.4 0 0 1 .42-.37a.7.7 0 0 1 .4-.1c.206.024.4.108.56.24q.47.384.89.82c.198.254.442.467.72.63a.67.67 0 0 0 .78-.33c.66-1 1.3-2.4 2-3.37a2 2 0 0 1 1-.81l.07.06q.11.104.19.23a5 5 0 0 1 .7 1.22c.346.97.581 1.977.7 3v.4c-.458.21-.943.35-1.44.42"/></g></svg>Cara memakai ikon Drawer Image
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:drawer-image" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:drawer-image" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:drawer-image" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--drawer-image]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:drawer-image"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:drawer-image"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/drawer-image.svg" alt="Ikon Drawer Image" width="24" height="24">Ikon terkait di Freehand color icons
Ikon Drawer Image di set ikon lain
FAQ Ikon Drawer Image
Apakah ikon Drawer Image gratis untuk penggunaan komersial?
Ya. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Drawer Image di React?
Pasang @iconify/react lalu render <Icon icon="streamline-freehand-color:drawer-image" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Drawer Image ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/drawer-image.svg" alt="Ikon Drawer Image">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.