Ant Fill アイコン

Q: Ant Fill アイコンは商用利用でも無料ですか?

はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

f7:ant-fill

Ant Fill アイコン(f7:ant-fill)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Framework7 Icons
作者: Vladimir Kharlampidi
ライセンス: MIT
サイズ: 56 × 56
タグ: antfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M27.988 55.996c6.633 0 12.422-7.125 12.422-14.789q0-1.793-.633-3.023c.68.187 1.36.351 2.016.539c1.617.445 2.11 1.078 1.875 2.484l-1.711 11.227c-.21 1.336.61 2.132 1.71 2.132c1.15 0 1.665-.703 1.852-1.875l1.922-12.164c.446-2.742-.68-4.242-3.68-4.945l-10.57-2.46l-.023-.235c1.008-.492 1.687-1.453 1.992-2.508l7.195-1.031c2.93-.399 4.243-2.04 4.243-4.922v-8.11c0-1.148-.657-1.804-1.782-1.804s-1.78.68-1.78 1.804V23.7c0 1.664-.892 2.203-2.415 2.414l-5.367.727c-.258-.727-.727-1.383-1.36-1.805v-.234c4.008-.703 6.235-3.14 6.235-6.703c0-3-1.125-5.742-2.953-7.852l.21-.164c2.274-1.64 2.696-4.055 1.22-6.656l-1.383-2.274C36.777.356 36.262.39 35.535.39c-.96 0-1.687.317-1.687 1.231c0 .422.07.656.328 1.125l1.218 1.852c.75 1.218.75 2.273-.21 3.117a2.6 2.6 0 0 1-.399.305a12.13 12.13 0 0 0-6.797-2.086c-2.46 0-4.781.773-6.703 2.062a2.3 2.3 0 0 1-.398-.305c-.938-.82-.961-1.875-.188-3.093l1.219-1.852c.258-.469.328-.703.328-1.125C22.246.707 21.52.39 20.56.39c-.727 0-1.243-.035-1.688.762l-1.383 2.274c-1.476 2.601-1.054 5.015 1.219 6.656l.164.117c-1.851 2.11-3.023 4.875-3.023 7.899c0 3.562 2.25 6 6.257 6.703v.234c-.632.422-1.101 1.078-1.359 1.805l-5.367-.727c-1.547-.21-2.414-.75-2.414-2.414v-7.383c0-1.125-.656-1.804-1.781-1.804s-1.782.656-1.782 1.804v8.11c0 2.883 1.313 4.523 4.243 4.922l7.195 1.03c.305 1.056.984 2.017 1.992 2.509v.234l-10.594 2.461c-3.023.703-4.125 2.203-3.68 4.945l1.922 12.164c.165 1.172.704 1.875 1.852 1.875c1.102 0 1.922-.797 1.711-2.132l-1.711-11.227c-.234-1.406.258-2.04 1.875-2.484c.656-.188 1.336-.352 2.016-.54q-.633 1.23-.633 3.024c0 7.664 5.789 14.79 12.398 14.79"/></svg>

Ant Fill アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="f7:ant-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="f7:ant-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="f7:ant-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--ant-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:ant-fill"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="f7:ant-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/f7/ant-fill.svg" alt="Ant Fill アイコン" width="24" height="24">

Framework7 Icons の関連アイコン

Ant Fill アイコンのよくある質問

Ant Fill アイコンは商用利用でも無料ですか?

はい。Framework7 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Ant Fill アイコンを使うには?

@iconify/react をインストールして <Icon icon="f7:ant-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Ant Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/ant-fill.svg" alt="Ant Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Framework7 Icons をすべて見る →