Copy Plus Fill アイコン
keyline-icons:copy-plus-fill
Copy Plus Fill アイコン(keyline-icons:copy-plus-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- copyplus、plusfill、copyplusfill
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 d="M15.8284 4C15.4046 2.8015 14.2714 2 13 2H5C3.34315 2 2 3.34315 2 5V13C2 14.2714 2.8015 15.4046 4 15.8284"/><path fill="currentColor" fill-rule="evenodd" d="M11 7L19 7C21.20914 7 23 8.79086 23 11L23 19C23 21.20914 21.20914 23 19 23L11 23C8.79086 23 7 21.20914 7 19L7 11C7 8.79086 8.79086 7 11 7ZM14 14L14 12C14 11.44772 14.44772 11 15 11C15.55228 11 16 11.44772 16 12L16 14L18 14C18.55228 14 19 14.44772 19 15C19 15.55228 18.55228 16 18 16L16 16L16 18C16 18.55228 15.55228 19 15 19C14.44772 19 14 18.55228 14 18L14 16L12 16C11.44772 16 11 15.55228 11 15C11 14.44772 11.44772 14 12 14Z" clip-rule="evenodd" stroke="none"/></g></svg>Copy Plus Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:copy-plus-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:copy-plus-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:copy-plus-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--copy-plus-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:copy-plus-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:copy-plus-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/copy-plus-fill.svg" alt="Copy Plus Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
copy
copy-check
copy-check-duotone
copy-check-fill
copy-check-sharp
copy-check-sharp-duotone
copy-check-sharp-fill
copy-check-sharp-two-tone
copy-check-two-tone
copy-duotone
copy-fill
copy-plus
copy-plus-duotone
copy-plus-sharp
copy-plus-sharp-duotone
copy-plus-sharp-fill
copy-plus-sharp-two-tone
copy-plus-two-tone
copy-sharp
copy-sharp-duotone
copy-sharp-fill
copy-sharp-two-tone
copy-two-tone
Copy Plus Fill アイコン のよくある質問
Copy Plus Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Copy Plus Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:copy-plus-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Copy Plus Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/copy-plus-fill.svg" alt="Copy Plus Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。