Send Clock Fill アイコン
keyline-icons:send-clock-fill
Send Clock Fill アイコン(keyline-icons:send-clock-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- sendclock、clockfill、sendclockfill
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="M5.7022 11.7199L2.4363 9.4902C1.7402 9.015 1.9082 7.9446 2.7164 7.7054L22 2L20.7043 6.3794M18.5491 5.4509L22 2"/><path fill="currentColor" fill-rule="evenodd" d="M23 15.5C23 19.6421 19.6421 23 15.5 23C11.3579 23 8 19.6421 8 15.5C8 11.3579 11.3579 8 15.5 8C19.6421 8 23 11.3579 23 15.5ZM16.5 13C16.5 12.4477 16.0523 12 15.5 12C14.9477 12 14.5 12.4477 14.5 13L14.5 15.5C14.5 16.0523 14.9477 16.5 15.5 16.5L18 16.5C18.5523 16.5 19 16.0523 19 15.5C19 14.9477 18.5523 14.5 18 14.5L16.5 14.5L16.5 13Z" clip-rule="evenodd" stroke="none"/></g></svg>Send Clock Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:send-clock-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:send-clock-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:send-clock-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--send-clock-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:send-clock-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:send-clock-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/send-clock-fill.svg" alt="Send Clock Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
send
send-clock
send-clock-duotone
send-clock-sharp
send-clock-sharp-duotone
send-clock-sharp-fill
send-clock-sharp-two-tone
send-clock-two-tone
send-duotone
send-fast
send-fast-duotone
send-fast-fill
send-fast-sharp
send-fast-sharp-duotone
send-fast-sharp-fill
send-fast-sharp-two-tone
send-fast-two-tone
send-fill
send-horizontal
send-horizontal-duotone
send-horizontal-fill
send-horizontal-sharp
send-horizontal-sharp-duotone
send-horizontal-sharp-fill
Send Clock Fill アイコン のよくある質問
Send Clock Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Send Clock Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:send-clock-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Send Clock Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/send-clock-fill.svg" alt="Send Clock Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。