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