Ikon Trunk Line
mingcute:trunk-line
Ikon Trunk Line (mingcute:trunk-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
- trunkline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12.686 6.766l-.44.898zM14.4 7.2a1 1 0 1 0 1.2 1.6L15 8zm5.545-.368a1 1 0 0 0 1.11-1.664L20.5 6zm-1.067 4.492l-.439.898zm-.444-5.9l-.6-.8zm-.755 5.205l-.688.726zm-4.993-3.863l-.44.898c.763.373 1.745 1.093 2.671 1.855c.91.749 1.702 1.483 2.074 1.836l.688-.726l.688-.726a43 43 0 0 0-2.18-1.928c-.942-.775-2.076-1.625-3.063-2.108zm5.514 4.226l-.44.899l.68.331l.438-.898l.44-.899l-.68-.331zm1.8 2.129h-1V15h2v-1.88zM3 6.01l.02 1c1.815-.034 3.913.01 5.695.134c.892.061 1.69.142 2.329.24c.676.103 1.06.21 1.202.28l.44-.9l.438-.898c-.444-.217-1.104-.357-1.778-.46a32 32 0 0 0-2.493-.258a70 70 0 0 0-5.872-.137zM11 17v-1H3v2h8zm7 0v-1h-3v2h3zm-3 0h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2v-1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1v-2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm2-7l.6.8l3.434-2.575l-.6-.8l-.6-.8L14.4 7.2zm4.589-2.608l-.555.833l.911.607L20.5 6l.555-.832l-.912-.608zM20 15h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-1.122-3.676l-.439.898a1 1 0 0 1 .561.899h2a3 3 0 0 0-1.683-2.696zm-.444-5.9l.6.8l.555-.832l.554-.832a2 2 0 0 0-2.309.065zm-.755 5.205l-.688.726c.225.213.482.395.77.536l.439-.899l.439-.898a1.1 1.1 0 0 1-.272-.19z"/></svg>Cara memakai ikon Trunk Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:trunk-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:trunk-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:trunk-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--trunk-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:trunk-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:trunk-line"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mingcute/trunk-line.svg" alt="Ikon Trunk Line" width="24" height="24">Ikon terkait di MingCute Icon
FAQ Ikon Trunk Line
Apakah ikon Trunk 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 Trunk Line di React?
Pasang @iconify/react lalu render <Icon icon="mingcute:trunk-line" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Trunk Line ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/trunk-line.svg" alt="Ikon Trunk Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.