Ikon Sandstorm Line
mingcute:sandstorm-line
Ikon Sandstorm Line (mingcute:sandstorm-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- MingCute Icon
- Pembuat
- MingCute Design
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Tag
- sandstormline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 11a1 1 0 1 0 0 2zm12.07-2.199a1 1 0 1 0 1.96.398L16.05 9zM5 7a1 1 0 0 0 0 2zm3.402-2.5a1 1 0 0 0 1.731 1L9.268 5zM7 15a1 1 0 1 0 0 2zm7.167 2.873a1 1 0 1 0-1.334 1.49l.667-.745zM5 3a1 1 0 0 0 0 2zm.002 2a1 1 0 1 0 0-2zM17 3a1 1 0 1 0 0 2zm.002 2a1 1 0 0 0 0-2zM9 19a1 1 0 1 0 0 2zm.002 2a1 1 0 1 0 0-2zM20 16a1 1 0 1 0 0 2zm.002 2a1 1 0 0 0 0-2zM21 9.5h-1a1.5 1.5 0 0 1-1.5 1.5v2A3.5 3.5 0 0 0 22 9.5zM18.5 7v1A1.5 1.5 0 0 1 20 9.5h2A3.5 3.5 0 0 0 18.5 6zm0 5v-1H3v2h15.5zm-2.45-3l.98.199A1.5 1.5 0 0 1 18.5 8V6a3.5 3.5 0 0 0-3.43 2.801zM13 6h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm0 4V7H5v2h6zM9.268 5l.865.5A1 1 0 0 1 11 5V3a3 3 0 0 0-2.598 1.5zM16 17.5h1a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5zM14.5 19v1a2.5 2.5 0 0 0 2.5-2.5h-2a.5.5 0 0 1-.5.5zm0-3v-1H7v2h7.5zm-1 2.618l-.667.745A2.5 2.5 0 0 0 14.5 20v-2a.5.5 0 0 1-.333-.127zM5 4v1h.002V3H5zm12 0v1h.002V3H17zM9 20v1h.002v-2H9zm11-3v1h.002v-2H20z"/></svg>Cara memakai ikon Sandstorm Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:sandstorm-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:sandstorm-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:sandstorm-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--sandstorm-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:sandstorm-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:sandstorm-line"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/sandstorm-line.svg" alt="Ikon Sandstorm Line" width="24" height="24">Ikon terkait di MingCute Icon
FAQ Ikon Sandstorm Line
Apakah ikon Sandstorm Line gratis untuk penggunaan komersial?
Ya. MingCute Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Sandstorm Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:sandstorm-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sandstorm Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/sandstorm-line.svg" alt="Ikon Sandstorm Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.