Ikon Protecteddirectory
whh:protecteddirectory
Ikon Protecteddirectory (whh:protecteddirectory) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1025 × 896. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1025 × 896
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="896" viewBox="0 0 1025 896"><path fill="currentColor" d="M896.38 896h-768q-53 0-90.5-37.5T.38 768V256q0-26 18.5-45t45.5-19h480q0-7 11.5-28t22.5-39l12-17q7-19 28-31.5t44-12.5h240q24 0 45 12.5t28 31.5q49 64 49 84v576q0 53-37.5 90.5t-90.5 37.5m-256-448q0-53-37.5-90.5t-90.5-37.5t-90.5 37.5t-37.5 90.5q0 39 22.5 71.5t58.5 46.5l-81 202h256l-81-202q36-14 58.5-46.5t22.5-71.5m-594-404q7-19 28-31.5t44-12.5h240q24 0 45 12.5t29 31.5l48 84H.38z"/></svg>Cara memakai ikon Protecteddirectory
React
import { Icon } from "@iconify/react";
<Icon icon="whh:protecteddirectory" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:protecteddirectory" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:protecteddirectory" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--protecteddirectory]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:protecteddirectory"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:protecteddirectory"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/protecteddirectory.svg" alt="Ikon Protecteddirectory" width="24" height="24">FAQ Ikon Protecteddirectory
Apakah ikon Protecteddirectory gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Protecteddirectory di React?
Pasang @iconify/react lalu render <Icon icon="whh:protecteddirectory" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Protecteddirectory ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/protecteddirectory.svg" alt="Ikon Protecteddirectory">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.