Circle Activity Sharp Fill アイコン
keyline-icons:circle-activity-sharp-fill
Circle Activity Sharp Fill アイコン(keyline-icons:circle-activity-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- circleactivity、activitysharp、sharpfill、circleactivitysharpfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1C17.937 1 23 6.0629 23 12C23 17.937 17.937 23 12 23C6.0629 23 1 17.937 1 12C1 6.0629 6.0629 1 12 1ZM6 13L8.5001 13C8.9169 13 9.29 12.7414 9.4364 12.3511L10.9363 8.3511L10.1311 10.4983L13.1055 16.4478C13.4959 17.2288 14.6297 17.1693 14.9363 16.3517L16.4363 12.3511L16.193 13L18 13L18 11L15.4999 11C15.0831 11 14.71 11.2586 14.5636 11.6489L13.0637 15.6489L13.8689 13.5017L10.8945 7.5522C10.5041 6.7712 9.3703 6.8307 9.0637 7.6483L7.5637 11.6489L7.807 11L6 11L6 13Z"/></svg>Circle Activity Sharp Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:circle-activity-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:circle-activity-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:circle-activity-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--circle-activity-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:circle-activity-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:circle-activity-sharp-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/circle-activity-sharp-fill.svg" alt="Circle Activity Sharp Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
circle
circle-activity
circle-activity-duotone
circle-activity-fill
circle-activity-sharp
circle-activity-sharp-duotone
circle-activity-sharp-two-tone
circle-activity-two-tone
circle-alert
circle-alert-duotone
circle-alert-fill
circle-alert-sharp
circle-alert-sharp-duotone
circle-alert-sharp-fill
circle-alert-sharp-two-tone
circle-alert-two-tone
circle-align-offset-bottom
circle-align-offset-bottom-duotone
circle-align-offset-bottom-fill
circle-align-offset-bottom-sharp
circle-align-offset-bottom-sharp-duotone
circle-align-offset-bottom-sharp-fill
circle-align-offset-bottom-sharp-two-tone
circle-align-offset-bottom-two-tone
Circle Activity Sharp Fill アイコン のよくある質問
Circle Activity Sharp Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Circle Activity Sharp Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:circle-activity-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Circle Activity Sharp Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/circle-activity-sharp-fill.svg" alt="Circle Activity Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。