Package Plus Duotone アイコン
keyline-icons:package-plus-duotone
Package Plus Duotone アイコン(keyline-icons:package-plus-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- packageplus、plusduotone、packageplusduotone
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 19L22 19"/></g></svg>Package Plus Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:package-plus-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:package-plus-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:package-plus-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--package-plus-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:package-plus-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-plus-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/package-plus-duotone.svg" alt="Package Plus Duotone アイコン" width="24" height="24">Keyline Icons の関連アイコン
package
package-alert
package-alert-duotone
package-alert-fill
package-alert-sharp
package-alert-sharp-duotone
package-alert-sharp-fill
package-alert-sharp-two-tone
package-alert-two-tone
package-arrow-down
package-arrow-down-duotone
package-arrow-down-fill
package-arrow-down-sharp
package-arrow-down-sharp-duotone
package-arrow-down-sharp-fill
package-arrow-down-sharp-two-tone
package-arrow-down-two-tone
package-arrow-left
package-arrow-left-duotone
package-arrow-left-fill
package-arrow-left-sharp
package-arrow-left-sharp-duotone
package-arrow-left-sharp-fill
package-arrow-left-sharp-two-tone
他のアイコンセットの Package Plus Duotone アイコン
Package Plus Duotone アイコン のよくある質問
Package Plus Duotone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Package Plus Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:package-plus-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Package Plus Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/package-plus-duotone.svg" alt="Package Plus Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。