Ant Circle Fill アイコン
f7:ant-circle-fill
Ant Circle Fill アイコン(f7:ant-circle-fill)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
- タグ
- antcircle、circlefill、antcirclefill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M28 51.906c13.055 0 23.906-10.851 23.906-23.906c0-13.078-10.875-23.906-23.93-23.906C14.899 4.094 4.095 14.922 4.095 28c0 13.055 10.828 23.906 23.906 23.906m0-9.351c-3.656 0-6.844-3.938-6.844-8.157c0-.68.117-1.218.352-1.687c-.352.094-.75.187-1.125.281c-.867.235-1.149.61-1.032 1.383l.961 6.21c.094.727-.351 1.173-.937 1.173c-.633 0-.914-.422-1.031-1.031l-1.055-6.704c-.234-1.523.375-2.343 2.039-2.742l5.695-1.336v-.14c-.562-.258-.937-.82-1.101-1.383l-3.82-.563c-1.618-.234-2.344-1.125-2.344-2.718v-4.453c0-.633.375-.985.984-.985c.61 0 .961.375.961.985v4.054c0 .914.492 1.219 1.336 1.336l2.812.399c.141-.399.399-.75.774-.985v-.14c-2.203-.399-3.305-1.711-3.305-3.704c0-1.64.61-3.187 1.664-4.359l-.094-.07c-1.335-.75-1.476-2.227-.656-3.657l.774-1.265c.234-.422.515-.633.937-.633c.492 0 .89.375.89.89c0 .235-.023.352-.187.61l-.68 1.055c-.421.68-.398 1.265.047 1.687a2.5 2.5 0 0 0 .305.211A6.46 6.46 0 0 1 28 14.97c1.617 0 2.789.539 3.727 1.148c.07-.047.187-.117.28-.21c.446-.423.47-1.009.071-1.688l-.703-1.055c-.14-.258-.164-.375-.164-.61c0-.515.375-.89.914-.89c.375 0 .656.211.89.633l.774 1.265c.82 1.43.61 2.766-.633 3.657l-.14.117a6.46 6.46 0 0 1 1.664 4.312c0 1.993-1.102 3.305-3.305 3.704v.14c.352.235.61.586.75.985l2.836-.399c.844-.117 1.312-.422 1.312-1.336v-4.055c0-.609.375-.984.985-.984c.586 0 .984.352.984.985v4.453c0 1.593-.75 2.484-2.344 2.718l-3.82.563c-.164.562-.563 1.125-1.102 1.383v.14l5.672 1.336c1.664.399 2.274 1.219 2.04 2.742l-1.055 6.704c-.117.609-.375 1.03-1.032 1.03c-.585 0-1.03-.444-.914-1.171l.938-6.211c.14-.773-.164-1.148-1.031-1.383c-.352-.094-.75-.187-1.125-.281c.234.469.351 1.008.351 1.687c0 4.22-3.187 8.157-6.82 8.157"/></svg>Ant Circle Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:ant-circle-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:ant-circle-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:ant-circle-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--ant-circle-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:ant-circle-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:ant-circle-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/ant-circle-fill.svg" alt="Ant Circle Fill アイコン" width="24" height="24">Framework7 Icons の関連アイコン
Ant Circle Fill アイコン のよくある質問
Ant Circle Fill アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ant Circle Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:ant-circle-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ant Circle Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/ant-circle-fill.svg" alt="Ant Circle Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。