Zip File Bold アイコン
solar:zip-file-bold
Zip File Bold アイコン(solar:zip-file-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- ファイル
- タグ
- zipfile、filebold、zipfilebold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.17157 3.17157C3 4.34315 3 6.22876 3 10V14C3 17.7712 3 19.6569 4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14V10C21 6.22876 21 4.34315 19.8284 3.17157C18.6569 2 16.7712 2 13 2H12V3V4H13.5C13.9714 4 14.2071 4 14.3536 4.14645C14.5 4.29289 14.5 4.5286 14.5 5C14.5 5.4714 14.5 5.70711 14.3536 5.85355C14.2071 6 13.9714 6 13.5 6H12V8H13.5C13.9714 8 14.2071 8 14.3536 8.14645C14.5 8.29289 14.5 8.5286 14.5 9C14.5 9.4714 14.5 9.70711 14.3536 9.85355C14.2071 10 13.9714 10 13.5 10H13C12.5286 10 12.2929 10 12.1464 9.85355C12 9.70711 12 9.4714 12 9V8H10.5C10.0286 8 9.79289 8 9.64645 7.85355C9.5 7.70711 9.5 7.4714 9.5 7C9.5 6.5286 9.5 6.29289 9.64645 6.14645C9.79289 6 10.0286 6 10.5 6H12V4H10.5C10.0286 4 9.79289 4 9.64645 3.85355C9.5 3.70711 9.5 3.4714 9.5 3V2.00338C6.70613 2.02377 5.17628 2.16686 4.17157 3.17157ZM9.5 12.875V13C9.5 14.3807 10.6193 15.5 12 15.5C13.3807 15.5 14.5 14.3807 14.5 13V12.875C14.5 12.3918 14.1082 12 13.625 12H10.375C9.89175 12 9.5 12.3918 9.5 12.875Z" clip-rule="evenodd"/></svg>Zip File Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:zip-file-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:zip-file-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:zip-file-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--zip-file-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:zip-file-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:zip-file-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/zip-file-bold.svg" alt="Zip File Bold アイコン" width="24" height="24">Solar の関連アイコン
Zip File Bold アイコン のよくある質問
Zip File Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Zip File Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:zip-file-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zip File Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/zip-file-bold.svg" alt="Zip File Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。