Ikon Folder Cloud

hugeicons:folder-cloud

Ikon Folder Cloud (hugeicons:folder-cloud) 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: foldercloud

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M8 7.001h8.75c2.107 0 3.16 0 3.917.506c.327.219.609.5.827.828c.486.726.505 1.726.506 3.668v1M12 7l-.633-1.267c-.525-1.05-1.005-2.107-2.168-2.543C8.69 3 8.108 3 6.944 3c-1.816 0-2.724 0-3.406.38A3 3 0 0 0 2.38 4.54C2 5.22 2 6.129 2 7.946v3.056c0 4.716 0 7.073 1.464 8.538C4.705 20.782 6.587 20.971 10 21"/><path stroke-linejoin="round" d="M13 18.667C13 19.955 14.007 21 15.25 21h4.725C21.093 21 22 20.06 22 18.9s-.917-2.1-2.035-2.1c.125-1.436-.985-2.8-2.465-2.8c-1.294 0-2.357 1.03-2.466 2.344c-1.141.113-2.034 1.11-2.034 2.323"/></g></svg>

Cara memakai ikon Folder Cloud

React

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

<Icon icon="hugeicons:folder-cloud" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:folder-cloud" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:folder-cloud" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="hugeicons:folder-cloud"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/folder-cloud.svg" alt="Ikon Folder Cloud" width="24" height="24">

Ikon terkait di Huge Icons

Ikon Folder Cloud di set ikon lain

FAQ Ikon Folder Cloud

Apakah ikon Folder Cloud gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Folder Cloud di React?

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

Bagaimana cara menambahkan ikon Folder Cloud ke halaman web?

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

Lihat semua Huge Icons →