Archive アイコン

academicons:archive

Archive アイコン(academicons:archive)は、Academicons セットの無料 SVG アイコンです（作者: James Walsh）。 448 × 512 のグリッドで描かれています。 Academicons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Academicons
作者: James Walsh
ライセンス: OFL-1.1
サイズ: 448 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M393.674 430.14V448H54.326l.004-17.86zm-13.395-26.791v22.325H67.721V403.35zM100.452 162.233l3.726 1.883l1.864 30.11l1.865 48.928v47.055l-1.865 58.656l-.31 39.515l-5.28 1.573H81.816l-5.59-1.573l-2.172-39.515l-1.868-58.343v-47.051l1.868-49.244l1.704-30.273l3.887-1.721zm267.909 0l3.73 1.883l1.861 30.11l1.862 48.928v47.055l-1.862 58.656l-.306 39.515l-5.285 1.573h-18.636l-5.592-1.573l-2.179-39.515l-1.861-58.343v-47.051l1.861-49.244l1.712-30.273l3.884-1.721zm-187.538 0l3.726 1.883l1.865 30.11l1.865 48.928v47.055l-1.865 58.656l-.307 39.515l-5.284 1.573h-18.638l-5.594-1.573l-2.172-39.515l-1.86-58.343v-47.051l1.86-49.244l1.712-30.273l3.88-1.721zm102.698 0l3.726 1.883l1.865 30.11l1.865 48.928v47.055l-1.865 58.656l-.307 39.515l-5.284 1.573h-18.638l-5.59-1.573l-2.176-39.515l-1.861-58.343v-47.051l1.861-49.244l1.712-30.273l3.883-1.721zm96.758-40.186v31.255H67.721v-31.255ZM220.785 64l163.96 37.546l-6.574 11.57H64.15l-9.823-9.383z"/></svg>

Archive アイコンの使い方

React

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

<Icon icon="academicons:archive" width="24" />

Vue

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

<template>
  <Icon icon="academicons:archive" width="24" />
</template>

Svelte

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

<Icon icon="academicons:archive" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="academicons:archive"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/academicons/archive.svg" alt="Archive アイコン" width="24" height="24">

Academicons の関連アイコン

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

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

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

はい。Academicons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Academicons をすべて見る →