Select Circle Area 1 Flat アイコン
streamline-plump-color:select-circle-area-1-flat
Select Circle Area 1 Flat アイコン(streamline-plump-color:select-circle-area-1-flat)は、Plump color icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- selectcircle、circlearea、areaflat、selectcircleareaflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M24 45c11.598 0 21-9.402 21-21S35.598 3 24 3S3 12.402 3 24s9.402 21 21 21"/><path fill="#2859c5" fill-rule="evenodd" d="M21.325 5.48a2 2 0 0 0-.567-3.96A22.6 22.6 0 0 0 15.6 2.895a2 2 0 1 0 1.48 3.716a18.6 18.6 0 0 1 4.245-1.131m5.917-3.96a2 2 0 0 0-.567 3.96c1.488.212 2.92.6 4.272 1.142a2 2 0 1 0 1.486-3.714a22.6 22.6 0 0 0-5.191-1.388M12.428 9.297A2 2 0 0 0 9.95 6.156A22.8 22.8 0 0 0 6.157 9.95a2 2 0 1 0 3.14 2.477a18.8 18.8 0 0 1 3.13-3.13Zm-5.795 7.729a2 2 0 1 0-3.712-1.492a22.6 22.6 0 0 0-1.4 5.224a2 2 0 1 0 3.959.566a18.6 18.6 0 0 1 1.153-4.298M45.105 15.6a2 2 0 0 0-3.716 1.48a18.6 18.6 0 0 1 1.131 4.243a2 2 0 1 0 3.96-.566a22.6 22.6 0 0 0-1.374-5.157ZM5.48 26.675a2 2 0 0 0-3.96.566c.259 1.808.73 3.547 1.388 5.191a2 2 0 0 0 3.714-1.486a18.6 18.6 0 0 1-1.142-4.27Zm41 .566a2 2 0 0 0-3.96-.566a18.6 18.6 0 0 1-1.142 4.271a2 2 0 0 0 3.714 1.486a22.6 22.6 0 0 0 1.388-5.19ZM9.28 35.55a2 2 0 1 0-3.146 2.472a22.8 22.8 0 0 0 3.817 3.823a2 2 0 0 0 2.477-3.142A18.8 18.8 0 0 1 9.28 35.55m32.586 2.472a2 2 0 1 0-3.145-2.471a18.8 18.8 0 0 1-3.172 3.17a2 2 0 0 0 2.471 3.146a22.8 22.8 0 0 0 3.846-3.845m-24.84 3.346a2 2 0 0 0-1.493 3.711a22.6 22.6 0 0 0 5.225 1.402a2 2 0 0 0 .567-3.96a18.6 18.6 0 0 1-4.3-1.153Zm15.407 3.725a2 2 0 1 0-1.486-3.714c-1.353.541-2.784.93-4.272 1.142a2 2 0 0 0 .567 3.96a22.6 22.6 0 0 0 5.191-1.388M38.02 6.134a2 2 0 0 0-2.471 3.145a18.8 18.8 0 0 1 3.153 3.148a2 2 0 1 0 3.141-2.477a22.8 22.8 0 0 0-3.823-3.816" clip-rule="evenodd"/></g></svg>Select Circle Area 1 Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:select-circle-area-1-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:select-circle-area-1-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:select-circle-area-1-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--select-circle-area-1-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:select-circle-area-1-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:select-circle-area-1-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/select-circle-area-1-flat.svg" alt="Select Circle Area 1 Flat アイコン" width="24" height="24">Plump color icons の関連アイコン
他のアイコンセットの Select Circle Area 1 Flat アイコン
Select Circle Area 1 Flat アイコン のよくある質問
Select Circle Area 1 Flat アイコンは商用利用でも無料ですか?
はい。Plump color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Select Circle Area 1 Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump-color:select-circle-area-1-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Select Circle Area 1 Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/select-circle-area-1-flat.svg" alt="Select Circle Area 1 Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。