Arhives Alt アイコン
lets-icons:arhives-alt
Arhives Alt アイコン(lets-icons:arhives-alt)は、Lets Icons セットの無料 SVG アイコンです（作者: Leonid Tsvetkov）。 24 × 24 のグリッドで描かれています。 Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Lets Icons
- 作者
- Leonid Tsvetkov
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- アーカイブ
- タグ
- arhivesalt、arhive
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path d="M19 3c.186 0 .279 0 .357.007a1.8 1.8 0 0 1 1.636 1.636C21 4.721 21 4.814 21 5v11.12c0 1.008 0 1.512-.196 1.897a1.8 1.8 0 0 1-.787.787c-.385.196-.889.196-1.897.196H5.88c-1.008 0-1.512 0-1.897-.196a1.8 1.8 0 0 1-.787-.787C3 17.632 3 17.128 3 16.12V5c0-.186 0-.279.007-.357a1.8 1.8 0 0 1 1.636-1.636C4.721 3 4.814 3 5 3"/><path d="M19 3h-.882c-.485 0-.728 0-.933.099a1 1 0 0 0-.18.11c-.18.14-.288.357-.505.791s-.326.65-.505.79a1 1 0 0 1-.18.111C15.61 5 15.367 5 14.882 5H8.917c-.402 0-.603 0-.776-.067a1 1 0 0 1-.364-.242c-.129-.135-.206-.32-.36-.691c-.155-.37-.232-.556-.36-.69a1 1 0 0 0-.364-.243C6.519 3 6.318 3 5.917 3H5m16 5h-2.882c-.485 0-.728 0-.933.099a1 1 0 0 0-.18.11c-.18.14-.288.357-.505.791s-.326.65-.505.79a1 1 0 0 1-.18.111c-.205.099-.448.099-.933.099H8.917c-.402 0-.603 0-.776-.067a1 1 0 0 1-.364-.242c-.129-.135-.206-.32-.36-.691c-.155-.37-.232-.556-.36-.69a1 1 0 0 0-.364-.243C6.519 8 6.318 8 5.917 8H3m18 5h-2.882c-.485 0-.728 0-.933.099q-.096.045-.18.11c-.18.14-.288.357-.505.791s-.326.65-.505.79q-.084.065-.18.111c-.205.099-.448.099-.933.099H8.917c-.402 0-.603 0-.776-.067a1 1 0 0 1-.364-.242c-.129-.135-.206-.32-.36-.691c-.155-.37-.232-.556-.36-.69a1 1 0 0 0-.364-.243C6.519 13 6.318 13 5.917 13H3"/></g></svg>Arhives Alt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lets-icons:arhives-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lets-icons:arhives-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lets-icons:arhives-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--arhives-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:arhives-alt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lets-icons:arhives-alt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lets-icons/arhives-alt.svg" alt="Arhives Alt アイコン" width="24" height="24">Lets Icons の関連アイコン
Arhives Alt アイコン のよくある質問
Arhives Alt アイコンは商用利用でも無料ですか?
はい。Lets Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Arhives Alt アイコンを使うには?
@iconify/react をインストールして <Icon icon="lets-icons:arhives-alt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Arhives Alt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lets-icons/arhives-alt.svg" alt="Arhives Alt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。