Archive Square アイコン
academicons:archive-square
Archive Square アイコン(academicons:archive-square)は、Academicons セットの無料 SVG アイコンです(作者: James Walsh)。 448 × 512 のグリッドで描かれています。 Academicons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Academicons
- 作者
- James Walsh
- ライセンス
- OFL-1.1
- サイズ
- 448 × 512
- タグ
- archivesquare
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M48 32C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm173.32 64l136.633 31.29l-5.476 9.64H90.79l-8.186-7.819zM93.768 144.373h260.464v26.045H93.768zm9.935 33.488h17.34l3.105 1.569l1.553 25.091l1.555 40.774v39.213l-1.555 48.879l-.258 32.93l-4.4 1.31h-15.53l-4.658-1.31l-1.81-32.93l-1.557-48.62V245.56l1.557-41.038l1.42-25.226zm66.973 0h17.344l3.105 1.569l1.553 25.091l1.554 40.774v39.213l-1.554 48.879l-.254 32.93l-4.404 1.31h-15.532l-4.662-1.31l-1.81-32.93l-1.551-48.62V245.56l1.55-41.038l1.428-25.226zm85.584 0h17.342l3.103 1.569l1.555 25.091l1.554 40.774v39.213l-1.554 48.879l-.256 32.93l-4.402 1.31h-15.534l-4.658-1.31l-1.812-32.93l-1.551-48.62V245.56l1.55-41.038l1.426-25.226zm70.697 0h17.344l3.11 1.569l1.55 25.091l1.55 40.774v39.213l-1.55 48.879l-.256 32.93l-4.404 1.31h-15.53l-4.66-1.31l-1.816-32.93l-1.55-48.62V245.56l1.55-41.038l1.428-25.226zm-233.19 200.93h260.465v18.604H93.768zm-11.16 22.326h282.788V416H82.605z"/></svg>Archive Square アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="academicons:archive-square" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="academicons:archive-square" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="academicons:archive-square" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[academicons--archive-square]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/academicons -->
<div class="i-academicons:archive-square"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="academicons:archive-square"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/academicons/archive-square.svg" alt="Archive Square アイコン" width="24" height="24">Academicons の関連アイコン
Archive Square アイコン のよくある質問
Archive Square アイコンは商用利用でも無料ですか?
はい。Academicons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Archive Square アイコンを使うには?
@iconify/react をインストールして <Icon icon="academicons:archive-square" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Archive Square アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/academicons/archive-square.svg" alt="Archive Square アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。