Ikon Fold Vertical

hugeicons:fold-vertical

Ikon Fold Vertical (hugeicons:fold-vertical) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge 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: Huge Icons
Pembuat: Hugeicons
Lisensi: MIT
Ukuran: 24 × 24
Tag: foldvertical

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 12h2m4 0h2m4 0h2m4 0h2"/><path fill="currentColor" d="M12.75 17a.75.75 0 1 0-1.5 0zm-1.5 5a.75.75 0 0 0 1.5 0zm.75-6v-.75zm2.396 3.445a.75.75 0 0 0 1.208-.89L15 19zm-6-.89a.75.75 0 0 0 1.208.89L9 19zM12 17h-.75v5h1.5v-5zm0-1v.75c-.11 0-.134-.04-.031.021c.082.05.195.134.337.26c.282.248.607.595.924.96a25 25 0 0 1 1.144 1.423l.017.023l.004.006l.001.001L15 19l.604-.445v-.001l-.002-.002l-.006-.007l-.02-.027a22 22 0 0 0-.342-.448a27 27 0 0 0-.871-1.062c-.334-.384-.71-.788-1.064-1.101a4 4 0 0 0-.556-.42c-.17-.103-.435-.237-.743-.237zm-3 3l.604.445v-.002l.005-.005l.017-.024l.069-.091a26 26 0 0 1 1.075-1.332c.317-.365.643-.712.924-.96c.142-.126.255-.21.337-.26c.103-.062.079-.021-.031-.021v-1.5c-.308 0-.574.134-.743.236a4 4 0 0 0-.556.42c-.355.314-.73.718-1.064 1.102a27 27 0 0 0-1.213 1.51l-.02.027l-.006.007l-.001.002zm2.25-12a.75.75 0 0 0 1.5 0zm1.5-5a.75.75 0 0 0-1.5 0zM12 8v.75zm3.604-2.555a.75.75 0 0 0-1.208-.89L15 5zm-6-.89a.75.75 0 0 0-1.208.89L9 5zM12 7h.75V2h-1.5v5zm0 1v.75c.308 0 .574-.135.743-.237c.19-.114.38-.264.556-.42c.355-.313.73-.717 1.064-1.102a27 27 0 0 0 1.213-1.51q.014-.016.02-.026l.007-.01L15 5l-.604-.445v.001l-.005.006l-.017.023l-.069.092a27 27 0 0 1-1.075 1.331c-.317.366-.643.712-.924.961q-.214.186-.337.26c-.103.061-.08.02.031.02zM9 5l-.604.445l.002.002l.006.008l.094.126a28 28 0 0 0 1.14 1.41c.333.385.708.789 1.063 1.102c.177.156.366.306.556.42c.17.102.435.237.743.237v-1.5c.11 0 .134.04.031-.021a2.5 2.5 0 0 1-.337-.26a11 11 0 0 1-.924-.961a25 25 0 0 1-1.161-1.446l-.004-.006h-.001v-.001z"/></g></svg>

Cara memakai ikon Fold Vertical

React

import { Icon } from "@iconify/react";

<Icon icon="hugeicons:fold-vertical" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="hugeicons:fold-vertical" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="hugeicons:fold-vertical" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--fold-vertical]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:fold-vertical"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="hugeicons:fold-vertical"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/fold-vertical.svg" alt="Ikon Fold Vertical" width="24" height="24">

Ikon terkait di Huge Icons

Ikon Fold Vertical di set ikon lain

FAQ Ikon Fold Vertical

Apakah ikon Fold Vertical gratis untuk penggunaan komersial?

Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Fold Vertical di React?

Pasang @iconify/react lalu render <Icon icon="hugeicons:fold-vertical" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Fold Vertical ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/fold-vertical.svg" alt="Ikon Fold Vertical">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Huge Icons →