Apple Intelligence Frame Fill アイコン
mingcute:apple-intelligence-frame-fill
Apple Intelligence Frame Fill アイコン(mingcute:apple-intelligence-frame-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
- タグ
- appleintelligence、intelligenceframe、framefill、appleintelligenceframefill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17 3a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4zm-5.003 1.97c-.525 0-.961.15-1.325.438c-.344.273-.59.643-.796 1.014q-.152.275-.293.56a14 14 0 0 0-.582-.118c-.421-.074-.867-.118-1.298-.023c-.457.1-.85.344-1.183.756c-.355.437-.508.899-.494 1.392c.014.46.174.91.352 1.328q.095.22.198.443q-.232.19-.451.384c-.324.289-.64.615-.836 1.015c-.208.426-.261.891-.14 1.414c.115.5.35.885.7 1.174c.334.274.737.432 1.133.55c.203.06.43.116.664.173c.003.26.008.513.025.744c.03.402.098.817.293 1.192c.204.394.522.7.97.918c.494.241.97.29 1.44.174c.44-.11.835-.356 1.196-.615q.213-.156.429-.323q.217.168.433.325c.361.259.756.503 1.196.612c.47.116.944.066 1.437-.175c.45-.219.768-.524.972-.919c.194-.376.262-.793.291-1.195c.017-.23.02-.481.023-.74c.235-.057.463-.114.668-.175c.396-.118.798-.277 1.13-.55c.35-.29.584-.674.7-1.173c.12-.524.067-.99-.142-1.416c-.197-.4-.513-.726-.838-1.015c-.145-.13-.296-.254-.45-.381q.105-.226.2-.446c.177-.42.336-.868.349-1.328c.014-.492-.139-.954-.492-1.39c-.334-.412-.73-.656-1.187-.756c-.432-.094-.877-.05-1.299.025q-.287.053-.579.118a14 14 0 0 0-.295-.563c-.206-.37-.452-.739-.796-1.01c-.364-.288-.799-.437-1.323-.437M8.853 15.778c.295.086.602.187.92.314c.468.23.864.477 1.22.723q-.063.05-.123.094c-.335.241-.576.373-.785.425c-.18.045-.367.039-.625-.087c-.238-.116-.356-.247-.43-.391c-.085-.163-.137-.387-.162-.728a8 8 0 0 1-.015-.35m6.278.345c-.025.342-.076.568-.16.73c-.075.145-.193.276-.431.392c-.257.126-.445.132-.624.088c-.209-.052-.45-.183-.785-.423l-.126-.095a9.6 9.6 0 0 1 1.227-.728c.316-.125.62-.224.914-.31q-.004.18-.015.346M13.759 8.35c.234.441.514.926.861 1.408l.014.018l.014.018c.437.517.891.945 1.306 1.305a11.4 11.4 0 0 0-.678 2.082l-.005.021l-.002.023c-.065.47-.092.905-.105 1.301c-.427.114-.897.256-1.398.455l-.022.008l-.02.011c-.676.331-1.245.708-1.725 1.058a11.6 11.6 0 0 0-1.715-1.053l-.02-.01l-.022-.009l-.444-.167c-.34-.118-.663-.212-.965-.292c-.013-.393-.04-.824-.103-1.29l-.002-.022l-.005-.023l-.064-.274a11.6 11.6 0 0 0-.618-1.817c.413-.359.865-.784 1.3-1.298l.014-.018l.014-.018c.35-.486.63-.973.865-1.416c.514.1 1.097.193 1.73.224l.03.001h.029c.635-.032 1.22-.125 1.736-.226m-6.683 3.56c.177.446.343.939.467 1.51q.054.42.075.807a8 8 0 0 1-.293-.08c-.346-.104-.565-.206-.713-.327c-.13-.106-.234-.252-.295-.516c-.063-.274-.03-.456.05-.617c.09-.185.263-.385.558-.648q.071-.062.151-.129m9.994.125c.296.264.47.463.56.649c.08.16.113.342.05.616c-.061.264-.165.41-.294.516c-.147.122-.366.224-.711.328q-.143.04-.296.08q.02-.39.076-.813c.124-.569.288-1.06.464-1.504q.08.066.151.128M7.96 8.013c.197-.043.454-.033.833.034q.104.02.219.045a10 10 0 0 1-.603.952c-.3.352-.594.646-.88.907l-.047-.103c-.168-.397-.249-.671-.255-.895c-.006-.19.042-.375.225-.601c.175-.216.337-.302.508-.34m7.24.032c.38-.067.637-.078.834-.035c.172.037.334.123.509.34c.183.226.23.41.226.6c-.007.224-.088.498-.255.894l-.048.105a10 10 0 0 1-.885-.913a10 10 0 0 1-.599-.946q.116-.025.218-.045M11.997 6.17c.276 0 .443.071.58.179c.155.123.307.324.491.654q.058.107.12.232a10 10 0 0 1-1.194.138a10 10 0 0 1-1.19-.137l.12-.231c.185-.33.337-.533.493-.656c.136-.108.304-.18.58-.18"/></svg>Apple Intelligence Frame Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:apple-intelligence-frame-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:apple-intelligence-frame-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:apple-intelligence-frame-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--apple-intelligence-frame-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:apple-intelligence-frame-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:apple-intelligence-frame-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/apple-intelligence-frame-fill.svg" alt="Apple Intelligence Frame Fill アイコン" width="24" height="24">MingCute Icon の関連アイコン
Apple Intelligence Frame Fill アイコン のよくある質問
Apple Intelligence Frame Fill アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apple Intelligence Frame Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:apple-intelligence-frame-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apple Intelligence Frame Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/apple-intelligence-frame-fill.svg" alt="Apple Intelligence Frame Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。