Zip アイコン

Q: Zip アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:zip

Zip アイコン(reicon:zip)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: ファイル

SVG をダウンロード

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="M10.466 1.25h2.59c1.838 0 3.294 0 4.433.153c1.172.158 2.121.49 2.87 1.238c.748.749 1.08 1.698 1.238 2.87c.153 1.14.153 2.595.153 4.433v4.112c0 1.838 0 3.294-.153 4.433c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153h-2.112c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.749-1.08-1.698-1.238-2.87c-.153-1.14-.153-2.595-.153-4.433V9.944c0-1.838 0-3.294.153-4.433c.158-1.172.49-2.121 1.238-2.87c.749-.748 1.698-1.08 2.87-1.238c1.008-.135 2.264-.151 3.813-.153zM8.75 2.763c-.805.016-1.473.05-2.04.127c-1.006.135-1.586.389-2.01.812c-.422.423-.676 1.003-.811 2.009c-.138 1.028-.14 2.382-.14 4.289v4c0 1.907.002 3.262.14 4.29c.135 1.005.389 1.585.812 2.008s1.003.677 2.009.812c1.028.138 2.382.14 4.289.14h2c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-4c0-1.907-.002-3.261-.14-4.29c-.135-1.005-.389-1.585-.812-2.008s-1.003-.677-2.009-.812c-1.027-.138-2.382-.14-4.289-.14h-.25v1.001l.216-.001h.568c.206 0 .427 0 .615.025c.219.03.5.105.735.341c.236.236.311.516.341.735c.025.188.025.41.025.615v.568c0 .206 0 .427-.025.615c-.03.219-.105.5-.341.735a1.24 1.24 0 0 1-.735.341c-.188.025-.41.025-.615.025h-.785l.001.216v.785l.216-.001h.568c.206 0 .427 0 .615.025c.219.03.5.105.735.341c.236.236.311.516.341.735c.025.188.025.41.025.615v.568c0 .206 0 .427-.025.615c-.03.219-.105.5-.341.735a1.24 1.24 0 0 1-.735.341a5 5 0 0 1-.615.025h-.568c-.206 0-.427 0-.615-.025c-.219-.03-.5-.105-.735-.341a1.24 1.24 0 0 1-.341-.735a5 5 0 0 1-.025-.614v-.786l-.216.001h-.568c-.206 0-.427 0-.615-.025c-.219-.03-.5-.105-.735-.341a1.24 1.24 0 0 1-.341-.735c-.025-.188-.025-.41-.025-.615v-.568c0-.206 0-.427.025-.615c.03-.219.105-.5.341-.735c.236-.236.516-.311.735-.341c.188-.025.41-.025.615-.025h.568l.217.001l-.001-.217V5.25l-.216.001h-.568c-.206 0-.427 0-.615-.025c-.219-.03-.5-.105-.735-.341a1.24 1.24 0 0 1-.341-.735c-.025-.188-.025-.41-.025-.615zm1.581-.013l.917.001l.001.249v.5l-.001.249H10.5l-.249-.001l-.001-.249V3l.001-.249zm2.42 2.501c-.002.07-.002.15-.002.249V6l.001.249l.249.001h.5l.249-.001L13.75 6v-.5l-.001-.249l-.249-.001H13zm-2.5 2.5c-.002.07-.002.15-.002.249v.5l.001.249l.249.001h.5l.249-.001l.001-.249V8l-.001-.249L11 7.75h-.5zm2.5 2.5c-.002.07-.002.15-.002.249v.5l.001.249l.249.001h.5l.249-.001l.001-.249v-.5l-.001-.249l-.249-.001H13zm-2.377 4.999a.125.125 0 0 0-.125.125v.125a1.75 1.75 0 1 0 3.5 0v-.125a.125.125 0 0 0-.125-.125zm-1.625.125c0-.897.728-1.625 1.625-1.625h3.25c.898 0 1.625.728 1.625 1.625v.125a3.25 3.25 0 0 1-6.5 0z" clip-rule="evenodd"/></svg>

Zip アイコンの使い方

React

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

<Icon icon="reicon:zip" width="24" />

Vue

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

<template>
  <Icon icon="reicon:zip" width="24" />
</template>

Svelte

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

<Icon icon="reicon:zip" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--zip]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:zip"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:zip"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/zip.svg" alt="Zip アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Zip アイコン

Zip アイコンのよくある質問

Zip アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Zip アイコンを使うには?

@iconify/react をインストールして <Icon icon="reicon:zip" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Zip アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/zip.svg" alt="Zip アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Reicon アイコンをすべて見る →