Package Arrow Left Sharp Duotone アイコン

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

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

keyline-icons:package-arrow-left-sharp-duotone

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: packagearrow、arrowleft、leftsharp、sharpduotone、packagearrowleftsharpduotone

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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12.4362 1.1002L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 12C23 12.5523 22.5523 13 22 13L16 13L13 13L13 22C13 22.5523 12.5523 23 12 23C11.8508 23 11.7015 22.9666 11.5638 22.8998L1.5638 18.0521C1.219 17.885 1 17.5355 1 17.1523L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L11.5638 1.1002C11.8393 0.9666 12.1607 0.9666 12.4362 1.1002Z" stroke="none"/><path fill="currentColor" d="M7.0068 3.3093L11.5638 1.1002C11.8393 0.9666 12.1607 0.9666 12.4362 1.1002L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 7.4574L19.2093 9.4105ZM4.7362 4.41L17.0067 10.5453L12.458 12.8889C12.1706 13.037 11.8294 13.037 11.542 12.8889L1 7.4574L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L4.7362 4.41Z" stroke="none"/><path d="M23 19L16 19M19.2929 15.7071L16 19L19.2929 22.2929"/></g></svg>

Package Arrow Left Sharp Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:package-arrow-left-sharp-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-left-sharp-duotone"></iconify-icon>

HTML 画像

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

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →