Package Arrow Down Duotone アイコン

Q: Package Arrow Down Duotone アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:package-arrow-down-duotone

Package Arrow Down Duotone アイコン(keyline-icons:package-arrow-down-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: packagearrow、arrowdown、downduotone、packagearrowdownduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M13.3613 1.3266L21.3613 5.4003C22.3668 5.9123 23 6.9453 23 8.0737L23 12C23 12.5523 22.5523 13 22 13L16 13C14.3431 13 13 14.3431 13 16L13 22C13 22.5523 12.5523 23 12 23C11.5332 23 11.0663 22.8911 10.6387 22.6734L2.6387 18.5997C1.6332 18.0877 1 17.0547 1 15.9263L1 8.0737C1 6.9453 1.6332 5.9123 2.6387 5.4003L10.6387 1.3266C11.494 0.8911 12.506 0.8911 13.3613 1.3266Z" stroke="none"/><path fill="currentColor" d="M7.0013 3.1788L10.6387 1.3266C11.494 0.8911 12.506 0.8911 13.3613 1.3266L21.3613 5.4003C22.1892 5.8219 22.7648 6.5967 22.9422 7.4872L19.1884 9.4213ZM4.8013 4.2991L17.0013 10.5481L12.458 12.8889C12.1706 13.037 11.8294 13.037 11.542 12.8889L1.0578 7.4872C1.2352 6.5967 1.8108 5.8219 2.6387 5.4003L4.8013 4.2991Z" stroke="none"/><path d="M19 16L19 22M16 19L19 22L22 19"/></g></svg>

Package Arrow Down Duotone アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:package-arrow-down-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:package-arrow-down-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:package-arrow-down-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--package-arrow-down-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:package-arrow-down-duotone"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:package-arrow-down-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/package-arrow-down-duotone.svg" alt="Package Arrow Down Duotone アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Package Arrow Down Duotone アイコンのよくある質問

Package Arrow Down Duotone アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Package Arrow Down Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:package-arrow-down-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Package Arrow Down Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/package-arrow-down-duotone.svg" alt="Package Arrow Down Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →