Иконка Live Photo Fill
mingcute:live-photo-fill
Иконка Live Photo Fill (mingcute:live-photo-fill) — бесплатная SVG-иконка из набора MingCute Icon от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Live Photo Fill в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.