Live Photo Fill アイコン
mingcute:live-photo-fill
Live Photo Fill アイコン(mingcute:live-photo-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
- タグ
- livephoto、photofill、livephotofill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 6a6 6 0 1 0 0 12a6 6 0 0 0 0-12m0 4a2 2 0 1 0 0 4a2 2 0 0 0 0-4m-.238-7.997q.238-.006.476 0a1 1 0 0 1-.047 2a8 8 0 0 0-.382 0a1 1 0 0 1-.047-2m3.675 1.616a1 1 0 0 1 1.357-.397q.21.115.412.238a1 1 0 0 1-1.043 1.707a8 8 0 0 0-.33-.19a1 1 0 0 1-.396-1.358m-6.874 0a1 1 0 0 1-.397 1.358a8 8 0 0 0-.33.19A1 1 0 0 1 6.795 3.46q.203-.123.412-.238a1 1 0 0 1 1.357.397m10.602 2.843a1 1 0 0 1 1.375.332q.123.203.238.412a1 1 0 1 1-1.755.96a8 8 0 0 0-.19-.33a1 1 0 0 1 .332-1.374m-14.33 0a1 1 0 0 1 .332 1.375q-.1.162-.19.33a1 1 0 1 1-1.755-.961q.115-.21.238-.412a1 1 0 0 1 1.375-.332m-1.81 4.323a1 1 0 0 1 .977 1.024a8 8 0 0 0 0 .382a1 1 0 0 1-2 .047a10 10 0 0 1 0-.476a1 1 0 0 1 1.024-.977m17.95 0a1 1 0 0 1 1.022.977q.006.238 0 .476a1 1 0 1 1-2-.047a8 8 0 0 0 0-.382a1 1 0 0 1 .977-1.024m-.594 4.652a1 1 0 0 1 .397 1.357q-.114.21-.238.412a1 1 0 0 1-1.707-1.043q.1-.162.19-.33a1 1 0 0 1 1.358-.396m-16.762 0a1 1 0 0 1 1.358.397q.09.166.19.33a1 1 0 1 1-1.707 1.042a10 10 0 0 1-.238-.412a1 1 0 0 1 .397-1.357m13.92 3.728a1 1 0 0 1-.333 1.375a10 10 0 0 1-.412.238a1 1 0 0 1-.96-1.755q.166-.09.33-.19a1 1 0 0 1 1.374.332m-11.077 0a1 1 0 0 1 1.375-.332q.162.1.33.19a1 1 0 0 1-.961 1.755q-.21-.114-.412-.238a1 1 0 0 1-.332-1.375m4.323 1.81a1 1 0 0 1 1.024-.977q.191.005.382 0a1 1 0 1 1 .047 2q-.238.004-.476 0a1 1 0 0 1-.977-1.024" clip-rule="evenodd"/></svg>Live Photo Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:live-photo-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:live-photo-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:live-photo-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--live-photo-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:live-photo-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:live-photo-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/live-photo-fill.svg" alt="Live Photo Fill アイコン" width="24" height="24">MingCute Icon の関連アイコン
Live Photo Fill アイコン のよくある質問
Live Photo Fill アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Live Photo Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:live-photo-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Live Photo Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/live-photo-fill.svg" alt="Live Photo Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。