Desktop Download アイコン
reicon:desktop-download
Desktop Download アイコン(reicon:desktop-download)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
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="M9 1.25H7.067c-.952 0-1.713 0-2.327.05c-.63.052-1.172.16-1.67.413a4.25 4.25 0 0 0-1.857 1.858C.96 4.068.852 4.61.8 5.24C.75 5.853.75 6.614.75 7.566v4.866q0 .54.003 1.003a1 1 0 0 0 .001.144c.006.445.018.835.046 1.18c.052.63.16 1.172.413 1.67a4.25 4.25 0 0 0 1.858 1.857c.497.253 1.04.361 1.67.413c.613.05 1.374.05 2.326.05H9.25V20c0 .69-.56 1.25-1.25 1.25h-.5a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5H16c-.69 0-1.25-.56-1.25-1.25v-1.25h2.183c.952 0 1.713 0 2.327-.05c.63-.052 1.172-.16 1.67-.413a4.25 4.25 0 0 0 1.857-1.857c.253-.498.361-1.04.413-1.67c.028-.345.04-.735.046-1.18a1 1 0 0 0 .001-.144q.004-.46.003-1.001V7.567c0-.952 0-1.713-.05-2.327c-.052-.63-.16-1.172-.413-1.67a4.25 4.25 0 0 0-1.857-1.857c-.498-.253-1.04-.361-1.67-.413c-.614-.05-1.375-.05-2.327-.05H15a.75.75 0 0 0 0 1.5h1.9c.992 0 1.692 0 2.238.045c.537.044.86.127 1.11.255a2.75 2.75 0 0 1 1.202 1.202c.128.25.21.573.255 1.11c.044.546.045 1.246.045 2.238v5.15H2.25V7.6c0-.992 0-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75 2.75 0 0 1 3.752 3.05c.25-.128.573-.21 1.11-.255c.546-.044 1.246-.045 2.238-.045H9a.75.75 0 0 0 0-1.5m-6.728 13q.008.207.023.388c.044.537.127.86.255 1.11a2.75 2.75 0 0 0 1.202 1.202c.25.128.573.21 1.11.255c.546.044 1.246.045 2.238.045h9.8c.992 0 1.692 0 2.238-.045c.537-.044.86-.127 1.11-.255a2.75 2.75 0 0 0 1.202-1.201c.128-.252.21-.574.255-1.111q.014-.181.024-.388zm8.478 4.5V20c0 .45-.108.875-.3 1.25h3.1c-.192-.375-.3-.8-.3-1.25v-1.25z" clip-rule="evenodd"/><path d="M12 1.25a.75.75 0 0 1 .75.75v6.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 1.06-1.06l1.72 1.72V2a.75.75 0 0 1 .75-.75"/></g></svg>Desktop Download アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:desktop-download" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:desktop-download" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:desktop-download" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--desktop-download]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:desktop-download"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:desktop-download"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/desktop-download.svg" alt="Desktop Download アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Desktop Download アイコン
Desktop Download アイコン のよくある質問
Desktop Download アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Desktop Download アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:desktop-download" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Desktop Download アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/desktop-download.svg" alt="Desktop Download アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。