Clipboard Alert Sharp Fill アイコン
keyline-icons:clipboard-alert-sharp-fill
Clipboard Alert Sharp Fill アイコン(keyline-icons:clipboard-alert-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- clipboardalert、alertsharp、sharpfill、clipboardalertsharpfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18 3L20 3C20.5523 3 21 3.4477 21 4L21 22C21 22.5523 20.5523 23 20 23L4 23C3.4477 23 3 22.5523 3 22L3 4C3 3.4477 3.4477 3 4 3L6 3L6 2C6 1.4477 6.4477 1 7 1L17 1C17.5523 1 18 1.4477 18 2L18 3ZM8 3L8 6L16 6L16 3L8 3ZM13 11L11 11L11 15L13 15L13 11ZM13 18C13 17.4477 12.5523 17 12 17C11.4477 17 11 17.4477 11 18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18Z" clip-rule="evenodd"/></svg>Clipboard Alert Sharp Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:clipboard-alert-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:clipboard-alert-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:clipboard-alert-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--clipboard-alert-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:clipboard-alert-sharp-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:clipboard-alert-sharp-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/clipboard-alert-sharp-fill.svg" alt="Clipboard Alert Sharp Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
clipboard
clipboard-alert
clipboard-alert-duotone
clipboard-alert-fill
clipboard-alert-sharp
clipboard-alert-sharp-duotone
clipboard-alert-sharp-two-tone
clipboard-alert-two-tone
clipboard-check
clipboard-check-duotone
clipboard-check-fill
clipboard-check-sharp
clipboard-check-sharp-duotone
clipboard-check-sharp-fill
clipboard-check-sharp-two-tone
clipboard-check-two-tone
clipboard-code
clipboard-code-duotone
clipboard-code-fill
clipboard-code-sharp
clipboard-code-sharp-duotone
clipboard-code-sharp-fill
clipboard-code-sharp-two-tone
clipboard-code-two-tone
Clipboard Alert Sharp Fill アイコン のよくある質問
Clipboard Alert Sharp Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Clipboard Alert Sharp Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:clipboard-alert-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Clipboard Alert Sharp Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/clipboard-alert-sharp-fill.svg" alt="Clipboard Alert Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。