Ikon Zip Outline
teenyicons:zip-outline
Ikon Zip Outline (teenyicons:zip-outline) adalah ikon SVG gratis dari set Teenyicons karya smhmd. Ikon ini digambar pada grid 15 × 15. Teenyicons 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
- Teenyicons
- Pembuat
- smhmd
- Lisensi
- MIT
- Ukuran
- 15 × 15
- Tag
- zipoutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M3.5 8.5V8h-.39l-.095.379zm2 0l.485-.121L5.89 8H5.5zm.69 2.758l.484-.122zm-3.38 0l.486.12zM9.5 10.5l.277-.416A.5.5 0 0 0 9 10.5zm3 2l-.277.416A.5.5 0 0 0 13 12.5zm-3-8H9V5h.5zM1.5 1h12V0h-12zm12.5.5v12h1v-12zM13.5 14h-12v1h12zM1 13.5v-12H0v12zm.5.5a.5.5 0 0 1-.5-.5H0A1.5 1.5 0 0 0 1.5 15zm12.5-.5a.5.5 0 0 1-.5.5v1a1.5 1.5 0 0 0 1.5-1.5zM13.5 1a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 13.5 0zm-12-1A1.5 1.5 0 0 0 0 1.5h1a.5.5 0 0 1 .5-.5zM3 3h3V2H3zm0 2h3V4H3zm0 2h3V6H3zm.5 2h2V8h-2zm1.515-.379l.69 2.758l.97-.243l-.69-2.757zM5.219 12H3.781v1h1.438zm-1.923-.621l.69-2.758l-.971-.242l-.69 2.757zM3.78 12a.5.5 0 0 1-.485-.621l-.97-.243A1.5 1.5 0 0 0 3.78 13zm1.923-.621A.5.5 0 0 1 5.22 12v1a1.5 1.5 0 0 0 1.455-1.864zM10 13v-2.5H9V13zm-.777-2.084l3 2l.554-.832l-3-2zM13 12.5V10h-1v2.5zM9 6v3h1V6zm3 0v3h1V6zM9.5 8h3V7h-3zm.5-3.5v-1H9v1zm3-.5h-1.5v1H13zm-1.5 0h-2v1h2zm-.5-.5v1h1v-1zm-.5-.5a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 10.5 2zm-.5.5a.5.5 0 0 1 .5-.5V2A1.5 1.5 0 0 0 9 3.5z"/></svg>Cara memakai ikon Zip Outline
React
import { Icon } from "@iconify/react";
<Icon icon="teenyicons:zip-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="teenyicons:zip-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="teenyicons:zip-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--zip-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:zip-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="teenyicons:zip-outline"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/teenyicons/zip-outline.svg" alt="Ikon Zip Outline" width="24" height="24">Ikon terkait di Teenyicons
FAQ Ikon Zip Outline
Apakah ikon Zip Outline gratis untuk penggunaan komersial?
Ya. Teenyicons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Zip Outline di React?
Pasang @iconify/react lalu render <Icon icon="teenyicons:zip-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Zip Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/teenyicons/zip-outline.svg" alt="Ikon Zip Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.