Ikon Foldergram
selfhst:foldergram
Ikon Foldergram (selfhst:foldergram) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/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
- selfh.st/icons
- Pembuat
- selfh.st
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGMhhfWdCG" x1="80" x2="432" y1="450" y2="66" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4f46e5"/><stop offset="1" stop-color="#ec4899"/></linearGradient><path fill="url(#SVGMhhfWdCG)" d="M144 0h224c79.5 0 144 64.5 144 144v224c0 79.5-64.5 144-144 144H144C64.5 512 0 447.5 0 368V144C0 64.5 64.5 0 144 0"/><path fill="#fff" d="M368 504H144C69 504 8 443 8 368V144C8 69 69 8 144 8h224c75 0 136 61 136 136v224c0 75-61 136-136 136M144 16C73.4 16 16 73.4 16 144v224c0 70.6 57.4 128 128 128h224c70.6 0 128-57.4 128-128V144c0-70.6-57.4-128-128-128z" opacity=".18"/><path fill="#fff" d="M128 168c0-22.1 17.9-40 40-40h176c22.1 0 40 17.9 40 40v176c0 22.1-17.9 40-40 40H168c-22.1 0-40-17.9-40-40zm40-24c-13.3 0-24 10.7-24 24v176c0 13.3 10.7 24 24 24h176c13.3 0 24-10.7 24-24V168c0-13.3-10.7-24-24-24zm8 48c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16zm48 0h-32v32h32zm-48 96c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16zm48 0h-32v32h32zm48-96c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16zm48 0h-32v32h32zm-48 96c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16h-32c-8.8 0-16-7.2-16-16zm48 0h-32v32h32z"/></svg>Cara memakai ikon Foldergram
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:foldergram" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:foldergram" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:foldergram" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--foldergram]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:foldergram"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:foldergram"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/foldergram.svg" alt="Ikon Foldergram" width="24" height="24">Ikon terkait di selfh.st/icons
FAQ Ikon Foldergram
Apakah ikon Foldergram gratis untuk penggunaan komersial?
Ya. selfh.st/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 Foldergram di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:foldergram" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Foldergram ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/foldergram.svg" alt="Ikon Foldergram">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.