Camera Sparkles icon (Filled & Regular)

Used to represent smart editing in camera scenarios. The Camera Sparkles icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Use the Camera Sparkles icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { CameraSparkles24Regular, CameraSparkles24Filled } from "@fluentui/react-icons";

export function Example() {
  return <CameraSparkles24Regular aria-label="Camera Sparkles" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_camera_sparkles_24_regular.svg" width="24" height="24" alt="Camera Sparkles">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.8539 6.14569C15.9377 6.2298 16.016 6.31886 16.0883 6.41228C16.2851 6.66664 16.4378 6.95331 16.539 7.26037L16.9868 8.63711C17.0242 8.74322 17.0937 8.8351 17.1856 8.9001C17.2776 8.9651 17.3874 9 17.5 9C17.6126 9 17.7224 8.9651 17.8144 8.9001C17.8964 8.84212 17.9605 8.76273 18 8.67093C18.0048 8.65983 18.0092 8.64855 18.0132 8.63711L18.461 7.26037C18.6003 6.84181 18.8353 6.46147 19.1474 6.14959C19.4595 5.8377 19.8402 5.60285 20.259 5.46372L21.6368 5.01628C21.743 4.97884 21.835 4.90942 21.9 4.81756C21.9651 4.72571 22 4.61596 22 4.50344C22 4.39092 21.9651 4.28117 21.9 4.18932C21.835 4.09747 21.743 4.02804 21.6368 3.99061L21.6093 3.98372L20.2315 3.53628C19.8126 3.39715 19.432 3.1623 19.1198 2.85041C18.8077 2.53853 18.5727 2.15819 18.4335 1.73963L17.9857 0.362894C17.9482 0.256782 17.8787 0.164895 17.7868 0.0998993C17.6949 0.0349035 17.5851 0 17.4724 0C17.3598 0 17.25 0.0349035 17.1581 0.0998993C17.0662 0.164895 16.9967 0.256782 16.9592 0.362894L16.5114 1.73963L16.5 1.77372C16.3623 2.17595 16.1357 2.54224 15.837 2.84537C15.5299 3.15705 15.1547 3.39352 14.741 3.53628L13.3632 3.98372C13.257 4.02116 13.165 4.09058 13.1 4.18244C13.0349 4.27429 13 4.38404 13 4.49656C13 4.60908 13.0349 4.71883 13.1 4.81068C13.165 4.90253 13.257 4.97196 13.3632 5.00939L14.741 5.45683C15.1606 5.59666 15.5417 5.83255 15.8539 6.14569ZM23.0175 9.9646L23.7829 10.2132L23.7982 10.217C23.8572 10.2378 23.9083 10.2764 23.9445 10.3274C23.9806 10.3784 24 10.4394 24 10.5019C24 10.5644 23.9806 10.6254 23.9445 10.6764C23.9083 10.7275 23.8572 10.766 23.7982 10.7868L23.0328 11.0354C22.8001 11.1127 22.5886 11.2432 22.4152 11.4164C22.2418 11.5897 22.1113 11.801 22.0339 12.0335L21.7851 12.7984C21.7643 12.8573 21.7257 12.9084 21.6746 12.9445C21.6236 12.9806 21.5626 13 21.5 13C21.4374 13 21.3764 12.9806 21.3254 12.9445C21.2743 12.9084 21.2357 12.8573 21.2149 12.7984L20.9661 12.0335C20.8893 11.8003 20.7589 11.5882 20.5855 11.4143C20.412 11.2403 20.2003 11.1093 19.9672 11.0316L19.2018 10.783C19.1428 10.7622 19.0917 10.7236 19.0555 10.6726C19.0194 10.6216 19 10.5606 19 10.4981C19 10.4356 19.0194 10.3746 19.0555 10.3236C19.0917 10.2725 19.1428 10.234 19.2018 10.2132L19.9672 9.9646C20.1971 9.88529 20.4055 9.75392 20.5761 9.58076C20.7467 9.40761 20.875 9.19736 20.9508 8.96646L21.1996 8.20161C21.2204 8.14266 21.259 8.09161 21.31 8.0555C21.3611 8.01939 21.4221 8 21.4847 8C21.5473 8 21.6083 8.01939 21.6593 8.0555C21.7104 8.09161 21.749 8.14266 21.7698 8.20161L22.0186 8.96646C22.0959 9.199 22.2265 9.41029 22.3999 9.58356C22.5733 9.75683 22.7848 9.8873 23.0175 9.9646ZM10.1224 4.00305H12.081C12.1287 3.86188 12.1968 3.72753 12.2839 3.60451C12.4685 3.34376 12.7295 3.14678 13.0307 3.0406L14.4225 2.58829L14.4725 2.57071C14.2955 2.52628 14.1118 2.50305 13.9247 2.50305H10.1224C9.34026 2.50305 8.61425 2.90921 8.205 3.57571L7.33042 5H5.25C3.45507 5 2 6.45508 2 8.25V17.75C2 19.5449 3.45507 21 5.25 21H18.75C20.5449 21 22 19.5449 22 17.75V13.8982C21.5944 14.0621 21.1091 14.0163 20.748 13.761C20.6552 13.6954 20.572 13.6183 20.5 13.5321V17.75C20.5 18.7165 19.7165 19.5 18.75 19.5H5.25C4.2835 19.5 3.5 18.7165 3.5 17.75V8.25C3.5 7.28351 4.2835 6.5 5.25 6.5H7.75C8.01071 6.5 8.25271 6.36462 8.38913 6.14245L9.48325 4.3606L9.54793 4.27084C9.6892 4.10252 9.89892 4.00305 10.1224 4.00305ZM16.5 12.5C16.5 10.0147 14.4853 8 12 8C9.51472 8 7.5 10.0147 7.5 12.5C7.5 14.9853 9.51472 17 12 17C14.4853 17 16.5 14.9853 16.5 12.5ZM9 12.5C9 10.8431 10.3431 9.5 12 9.5C13.6569 9.5 15 10.8431 15 12.5C15 14.1569 13.6569 15.5 12 15.5C10.3431 15.5 9 14.1569 9 12.5Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/camera_sparkles_24_regular.svg";

Details

Name	Camera Sparkles
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_camera_sparkles_24_regular.svg`
Filled file	`ic_fluent_camera_sparkles_24_filled.svg`
React components	`CameraSparkles24Regular, CameraSparkles24Filled`
License	MIT (© Microsoft Corporation)

Keywords

image photography picture

Camera Sparkles icon

Use the Camera Sparkles icon in React

Use it in HTML

Use it from the SVG package

Details

Keywords

Related icons