Archive Minimalistic Bold アイコン
solar:archive-minimalistic-bold
Archive Minimalistic Bold アイコン(solar:archive-minimalistic-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
- カテゴリ
- メモ
- タグ
- archiveminimalistic、minimalisticbold、archiveminimalisticbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M2.54497 8.73005C2 9.79961 2 11.1997 2 14C2 16.8003 2 18.2004 2.54497 19.27C3.02433 20.2108 3.78924 20.9757 4.73005 21.455C5.79961 22 7.19974 22 10 22H14C16.8003 22 18.2004 22 19.27 21.455C20.2108 20.9757 20.9757 20.2108 21.455 19.27C22 18.2004 22 16.8003 22 14C22 11.1997 22 9.79961 21.455 8.73005C20.9757 7.78924 20.2108 7.02433 19.27 6.54497C18.2004 6 16.8003 6 14 6H10C7.19974 6 5.79961 6 4.73005 6.54497C3.78924 7.02433 3.02433 7.78924 2.54497 8.73005ZM15.0595 12.4995C15.3353 12.1905 15.3085 11.7164 14.9995 11.4406C14.6905 11.1647 14.2164 11.1915 13.9406 11.5005L10.9286 14.8739L10.0595 13.9005C9.78359 13.5915 9.30947 13.5647 9.0005 13.8406C8.69152 14.1164 8.66468 14.5905 8.94055 14.8995L10.3691 16.4995C10.5114 16.6589 10.7149 16.75 10.9286 16.75C11.1422 16.75 11.3457 16.6589 11.488 16.4995L15.0595 12.4995Z" clip-rule="evenodd"/><path d="M20.5348 3.46447C19.0704 2 16.7133 2 11.9993 2C7.28525 2 4.92823 2 3.46377 3.46447C2.70628 4.22195 2.3406 5.21824 2.16406 6.65598C2.69473 6.06532 3.33236 5.57328 4.04836 5.20846C4.82984 4.81027 5.66664 4.6488 6.59316 4.5731C7.48829 4.49997 8.58971 4.49998 9.93646 4.5H14.0621C15.4089 4.49998 16.5103 4.49997 17.4054 4.5731C18.332 4.6488 19.1688 4.81027 19.9502 5.20846C20.6662 5.57328 21.3039 6.06532 21.8345 6.65598C21.658 5.21824 21.2923 4.22195 20.5348 3.46447Z"/></g></svg>Archive Minimalistic Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:archive-minimalistic-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:archive-minimalistic-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:archive-minimalistic-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--archive-minimalistic-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:archive-minimalistic-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:archive-minimalistic-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/archive-minimalistic-bold.svg" alt="Archive Minimalistic Bold アイコン" width="24" height="24">Solar の関連アイコン
archive-bold
archive-bold-duotone
archive-broken
archive-check-bold
archive-check-bold-duotone
archive-check-broken
archive-check-line-duotone
archive-check-linear
archive-check-outline
archive-close-bold
archive-close-bold-duotone
archive-close-broken
archive-close-line-duotone
archive-close-linear
archive-close-outline
archive-down-bold
archive-down-bold-duotone
archive-down-broken
archive-down-line-duotone
archive-down-linear
archive-down-minimalistic-bold
archive-down-minimalistic-bold-duotone
archive-down-minimalistic-broken
archive-down-minimalistic-line-duotone
Archive Minimalistic Bold アイコン のよくある質問
Archive Minimalistic Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Archive Minimalistic Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:archive-minimalistic-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Archive Minimalistic Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/archive-minimalistic-bold.svg" alt="Archive Minimalistic Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。