Ios Fill アイコン

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

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

mingcute:ios-fill

Ios Fill アイコン(mingcute:ios-fill)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: MingCute Icon
作者: MingCute Design
ライセンス: Apache-2.0
サイズ: 24 × 24
タグ: iosfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.645 10.792q.39 0 .68.191q.291.192.45.562q.162.37.162.91q0 .538-.162.91a1.23 1.23 0 0 1-.45.56a1.2 1.2 0 0 1-.68.192q-.39 0-.682-.191a1.25 1.25 0 0 1-.452-.562q-.16-.37-.16-.91q0-.539.16-.91q.16-.37.452-.56q.29-.192.682-.192"/><path fill="currentColor" fill-rule="evenodd" d="M21 16a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5zm-5.275-6.16q-.557 0-.995.193q-.436.195-.688.54q-.249.345-.246.808q-.003.564.37.897t1.017.49l.554.14q.278.066.47.148q.194.082.293.199a.42.42 0 0 1 .102.288a.5.5 0 0 1-.112.326a.73.73 0 0 1-.315.22q-.201.08-.476.08q-.277 0-.499-.084a.8.8 0 0 1-.35-.256a.8.8 0 0 1-.147-.428h-1.042q.012.55.266.923q.256.37.71.559q.459.19 1.075.19q.621 0 1.061-.187q.442-.19.676-.53q.237-.343.24-.81a1.35 1.35 0 0 0-.118-.565a1.3 1.3 0 0 0-.315-.427a1.9 1.9 0 0 0-.483-.306a3.2 3.2 0 0 0-.61-.198l-.459-.11a3 3 0 0 1-.312-.09a1.3 1.3 0 0 1-.26-.126a.6.6 0 0 1-.176-.177a.4.4 0 0 1-.057-.238q0-.164.094-.293a.63.63 0 0 1 .28-.203q.18-.075.444-.074q.387 0 .614.167t.256.467h1.031a1.43 1.43 0 0 0-.243-.8a1.57 1.57 0 0 0-.661-.54a2.35 2.35 0 0 0-.99-.193m-5.08 0q-.68 0-1.22.308a2.2 2.2 0 0 0-.852.89q-.312.584-.313 1.416q0 .831.313 1.415t.853.893q.54.307 1.219.307q.674 0 1.212-.305a2.2 2.2 0 0 0 .855-.893q.316-.585.316-1.417t-.316-1.416a2.17 2.17 0 0 0-.855-.89a2.4 2.4 0 0 0-1.212-.308m-4.222 1.342V15H7.48v-3.818zm.531-1.564a.57.57 0 0 0-.404.16a.51.51 0 0 0 0 .756a.57.57 0 0 0 .404.156a.57.57 0 0 0 .403-.157a.506.506 0 0 0 0-.756a.56.56 0 0 0-.403-.159" clip-rule="evenodd"/></svg>

Ios Fill アイコンの使い方

React

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

<Icon icon="mingcute:ios-fill" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:ios-fill" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:ios-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="mingcute:ios-fill"></iconify-icon>

HTML 画像

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

MingCute Icon の関連アイコン

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

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

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

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

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

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

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

MingCute Icon アイコンをすべて見る →