Archive Down Minimalistic Linear アイコン
solar:archive-down-minimalistic-linear
Archive Down Minimalistic Linear アイコン(solar:archive-down-minimalistic-linear)は、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
- カテゴリ
- メモ
- タグ
- archivedown、downminimalistic、minimalisticlinear、archivedownminimalisticlinear
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="1.5"><path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12"/><path d="M2 14C2 11.1997 2 9.79961 2.54497 8.73005C3.02433 7.78924 3.78924 7.02433 4.73005 6.54497C5.79961 6 7.19974 6 10 6H14C16.8003 6 18.2004 6 19.27 6.54497C20.2108 7.02433 20.9757 7.78924 21.455 8.73005C22 9.79961 22 11.1997 22 14C22 16.8003 22 18.2004 21.455 19.27C20.9757 20.2108 20.2108 20.9757 19.27 21.455C18.2004 22 16.8003 22 14 22H10C7.19974 22 5.79961 22 4.73005 21.455C3.78924 20.9757 3.02433 20.2108 2.54497 19.27C2 18.2004 2 16.8003 2 14Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M12 11L12 17M9.5 14.5L12 17L14.5 14.5"/></g></svg>Archive Down Minimalistic Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:archive-down-minimalistic-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:archive-down-minimalistic-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:archive-down-minimalistic-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--archive-down-minimalistic-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:archive-down-minimalistic-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:archive-down-minimalistic-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/archive-down-minimalistic-linear.svg" alt="Archive Down Minimalistic Linear アイコン" 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 Down Minimalistic Linear アイコン のよくある質問
Archive Down Minimalistic Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Archive Down Minimalistic Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:archive-down-minimalistic-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Archive Down Minimalistic Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/archive-down-minimalistic-linear.svg" alt="Archive Down Minimalistic Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。