live photo icon
live-photo-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- live-photo-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Related icons in MingCute Icon
Use the live photo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function MingcuteLivePhotoFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="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" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-live-photo-fill {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%206a6%206%200%201%200%200%2012a6%206%200%200%200%200-12m0%204a2%202%200%201%200%200%204a2%202%200%200%200%200-4m-.238-7.997q.238-.006.476%200a1%201%200%200%201-.047%202a8%208%200%200%200-.382%200a1%201%200%200%201-.047-2m3.675%201.616a1%201%200%200%201%201.357-.397q.21.115.412.238a1%201%200%200%201-1.043%201.707a8%208%200%200%200-.33-.19a1%201%200%200%201-.396-1.358m-6.874%200a1%201%200%200%201-.397%201.358a8%208%200%200%200-.33.19A1%201%200%200%201%206.795%203.46q.203-.123.412-.238a1%201%200%200%201%201.357.397m10.602%202.843a1%201%200%200%201%201.375.332q.123.203.238.412a1%201%200%201%201-1.755.96a8%208%200%200%200-.19-.33a1%201%200%200%201%20.332-1.374m-14.33%200a1%201%200%200%201%20.332%201.375q-.1.162-.19.33a1%201%200%201%201-1.755-.961q.115-.21.238-.412a1%201%200%200%201%201.375-.332m-1.81%204.323a1%201%200%200%201%20.977%201.024a8%208%200%200%200%200%20.382a1%201%200%200%201-2%20.047a10%2010%200%200%201%200-.476a1%201%200%200%201%201.024-.977m17.95%200a1%201%200%200%201%201.022.977q.006.238%200%20.476a1%201%200%201%201-2-.047a8%208%200%200%200%200-.382a1%201%200%200%201%20.977-1.024m-.594%204.652a1%201%200%200%201%20.397%201.357q-.114.21-.238.412a1%201%200%200%201-1.707-1.043q.1-.162.19-.33a1%201%200%200%201%201.358-.396m-16.762%200a1%201%200%200%201%201.358.397q.09.166.19.33a1%201%200%201%201-1.707%201.042a10%2010%200%200%201-.238-.412a1%201%200%200%201%20.397-1.357m13.92%203.728a1%201%200%200%201-.333%201.375a10%2010%200%200%201-.412.238a1%201%200%200%201-.96-1.755q.166-.09.33-.19a1%201%200%200%201%201.374.332m-11.077%200a1%201%200%200%201%201.375-.332q.162.1.33.19a1%201%200%200%201-.961%201.755q-.21-.114-.412-.238a1%201%200%200%201-.332-1.375m4.323%201.81a1%201%200%200%201%201.024-.977q.191.005.382%200a1%201%200%201%201%20.047%202q-.238.004-.476%200a1%201%200%200%201-.977-1.024%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%206a6%206%200%201%200%200%2012a6%206%200%200%200%200-12m0%204a2%202%200%201%200%200%204a2%202%200%200%200%200-4m-.238-7.997q.238-.006.476%200a1%201%200%200%201-.047%202a8%208%200%200%200-.382%200a1%201%200%200%201-.047-2m3.675%201.616a1%201%200%200%201%201.357-.397q.21.115.412.238a1%201%200%200%201-1.043%201.707a8%208%200%200%200-.33-.19a1%201%200%200%201-.396-1.358m-6.874%200a1%201%200%200%201-.397%201.358a8%208%200%200%200-.33.19A1%201%200%200%201%206.795%203.46q.203-.123.412-.238a1%201%200%200%201%201.357.397m10.602%202.843a1%201%200%200%201%201.375.332q.123.203.238.412a1%201%200%201%201-1.755.96a8%208%200%200%200-.19-.33a1%201%200%200%201%20.332-1.374m-14.33%200a1%201%200%200%201%20.332%201.375q-.1.162-.19.33a1%201%200%201%201-1.755-.961q.115-.21.238-.412a1%201%200%200%201%201.375-.332m-1.81%204.323a1%201%200%200%201%20.977%201.024a8%208%200%200%200%200%20.382a1%201%200%200%201-2%20.047a10%2010%200%200%201%200-.476a1%201%200%200%201%201.024-.977m17.95%200a1%201%200%200%201%201.022.977q.006.238%200%20.476a1%201%200%201%201-2-.047a8%208%200%200%200%200-.382a1%201%200%200%201%20.977-1.024m-.594%204.652a1%201%200%200%201%20.397%201.357q-.114.21-.238.412a1%201%200%200%201-1.707-1.043q.1-.162.19-.33a1%201%200%200%201%201.358-.396m-16.762%200a1%201%200%200%201%201.358.397q.09.166.19.33a1%201%200%201%201-1.707%201.042a10%2010%200%200%201-.238-.412a1%201%200%200%201%20.397-1.357m13.92%203.728a1%201%200%200%201-.333%201.375a10%2010%200%200%201-.412.238a1%201%200%200%201-.96-1.755q.166-.09.33-.19a1%201%200%200%201%201.374.332m-11.077%200a1%201%200%200%201%201.375-.332q.162.1.33.19a1%201%200%200%201-.961%201.755q-.21-.114-.412-.238a1%201%200%200%201-.332-1.375m4.323%201.81a1%201%200%200%201%201.024-.977q.191.005.382%200a1%201%200%201%201%20.047%202q-.238.004-.476%200a1%201%200%200%201-.977-1.024%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/live-photo-fill.svg?color=%231a73e8&size=48
