@fluentui/react-icons/lib/atoms/svg/camera.js

Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const CameraColor = ( /*#__PURE__*/createFluentIcon('CameraColor', "1em", `<path d="M6.78 2.83c.25-.51.77-.83 1.34-.83h3.76c.57 0 1.1.32 1.35.83L13.8 4h1.69A2.5 2.5 0 0 1 18 6.5v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 2 14.5v-8A2.5 2.5 0 0 1 4.5 4h1.69l.59-1.17Z" fill="url(#ic_fluent_camera_20_color__a)"/><path d="M6.78 2.83c.25-.51.77-.83 1.34-.83h3.76c.57 0 1.1.32 1.35.83L13.8 4h1.69A2.5 2.5 0 0 1 18 6.5v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 2 14.5v-8A2.5 2.5 0 0 1 4.5 4h1.69l.59-1.17Z" fill="url(#ic_fluent_camera_20_color__b)" fill-opacity=".5"/><path d="M14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" fill="url(#ic_fluent_camera_20_color__c)"/><path d="M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="url(#ic_fluent_camera_20_color__d)"/><path d="M15 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="url(#ic_fluent_camera_20_color__e)"/><defs><radialGradient id="ic_fluent_camera_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(40.73 -4.3 .83) scale(23.7539 49.3244)"><stop stop-color="#F08AF4"/><stop offset=".54" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_camera_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.5 5.76923 -5.23393 .45361 12 11.23)"><stop stop-color="#312A9A"/><stop offset="1" stop-color="#312A9A" stop-opacity="0"/></radialGradient><radialGradient id="ic_fluent_camera_20_color__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.5 6.5 -6.5 5.5 6 5.5)"><stop offset=".24" stop-color="#3BD5FF"/><stop offset="1" stop-color="#2052CB"/></radialGradient><linearGradient id="ic_fluent_camera_20_color__c" x1="7.5" y1="6" x2="11.5" y2="15.5" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#DECBFF"/></linearGradient><linearGradient id="ic_fluent_camera_20_color__e" x1="14" y1="6.5" x2="16" y2="8" gradientUnits="userSpaceOnUse"><stop stop-color="#F08AF4"/><stop offset="1" stop-color="#F462AB"/></linearGradient></defs>`, { color: true }));
export const CameraFilled = ( /*#__PURE__*/createFluentIcon('CameraFilled', "1em", ["M7 10a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm-.22-7.17c.26-.51.78-.83 1.34-.83h3.77c.57 0 1.09.32 1.34.83L13.81 4h1.7A2.5 2.5 0 0 1 18 6.5v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 2 14.5v-8A2.5 2.5 0 0 1 4.5 4h1.68l.6-1.17ZM10 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z"]));
export const CameraRegular = ( /*#__PURE__*/createFluentIcon('CameraRegular', "1em", ["M10 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-3 4a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm1.12-8a1.5 1.5 0 0 0-1.34.83L6.2 4H4.5A2.5 2.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 15.5 4h-1.69l-.58-1.17A1.5 1.5 0 0 0 11.89 2H8.12Zm-.44 1.28A.5.5 0 0 1 8.12 3h3.77c.19 0 .36.1.45.28l.72 1.44a.5.5 0 0 0 .45.28h2c.82 0 1.5.67 1.5 1.5v8c0 .83-.68 1.5-1.5 1.5h-11A1.5 1.5 0 0 1 3 14.5v-8C3 5.67 3.67 5 4.5 5h2a.5.5 0 0 0 .44-.28l.73-1.44Z"]));
export const Camera16Regular = ( /*#__PURE__*/createFluentIcon('Camera16Regular', "16", ["M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-1 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM6.62 2a1.5 1.5 0 0 0-1.34.83L4.69 4H4a2 2 0 0 0-2 2v5c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-.7l-.58-1.17A1.5 1.5 0 0 0 9.38 2H6.62Zm-.45 1.28A.5.5 0 0 1 6.62 3h2.76c.2 0 .36.1.45.28l.72 1.44A.5.5 0 0 0 11 5h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1a.5.5 0 0 0 .45-.28l.72-1.44Z"]));
export const Camera16Filled = ( /*#__PURE__*/createFluentIcon('Camera16Filled', "16", ["M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM5.28 2.83c.25-.5.77-.83 1.34-.83h2.76c.57 0 1.09.32 1.34.83L11.31 4H12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h.7l.58-1.17ZM11 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z"]));
export const Camera16Color = ( /*#__PURE__*/createFluentIcon('Camera16Color', "16", `<path d="M5.28 2.83c.25-.5.77-.83 1.34-.83h2.76c.57 0 1.09.32 1.34.83L11.31 4H12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h.7l.58-1.17Z" fill="url(#ic_fluent_camera_16_color__a)"/><path d="M5.28 2.83c.25-.5.77-.83 1.34-.83h2.76c.57 0 1.09.32 1.34.83L11.31 4H12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h.7l.58-1.17Z" fill="url(#ic_fluent_camera_16_color__b)" fill-opacity=".5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" fill="url(#ic_fluent_camera_16_color__c)"/><path d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" fill="url(#ic_fluent_camera_16_color__d)"/><path d="M12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="url(#ic_fluent_camera_16_color__e)"/><defs><radialGradient id="ic_fluent_camera_16_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(40.1 -3.68 1.54) scale(17.648 36.5145)"><stop stop-color="#F08AF4"/><stop offset=".54" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_camera_16_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.5 4 -4.3159 .53949 9.5 9)"><stop stop-color="#312A9A"/><stop offset="1" stop-color="#312A9A" stop-opacity="0"/></radialGradient><radialGradient id="ic_fluent_camera_16_color__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(49.76 -2.72 8.25) scale(5.67646)"><stop offset=".24" stop-color="#3BD5FF"/><stop offset="1" stop-color="#2052CB"/></radialGradient><linearGradient id="ic_fluent_camera_16_color__c" x1="6.13" y1="5" x2="9.13" y2="12.13" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#DECBFF"/></linearGradient><linearGradient id="ic_fluent_camera_16_color__e" x1="11" y1="5.5" x2="13" y2="7" gradientUnits="userSpaceOnUse"><stop stop-color="#F08AF4"/><stop offset="1" stop-color="#F462AB"/></linearGradient></defs>`, { color: true }));
export const Camera20Regular = ( /*#__PURE__*/createFluentIcon('Camera20Regular', "20", ["M10 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-3 4a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm1.12-8a1.5 1.5 0 0 0-1.34.83L6.2 4H4.5A2.5 2.5 0 0 0 2 6.5v8A2.5 2.5 0 0 0 4.5 17h11a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 15.5 4h-1.69l-.58-1.17A1.5 1.5 0 0 0 11.89 2H8.12Zm-.44 1.28A.5.5 0 0 1 8.12 3h3.77c.19 0 .36.1.45.28l.72 1.44a.5.5 0 0 0 .45.28h2c.82 0 1.5.67 1.5 1.5v8c0 .83-.68 1.5-1.5 1.5h-11A1.5 1.5 0 0 1 3 14.5v-8C3 5.67 3.67 5 4.5 5h2a.5.5 0 0 0 .44-.28l.73-1.44Z"]));
export const Camera20Filled = ( /*#__PURE__*/createFluentIcon('Camera20Filled', "20", ["M7 10a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm-.22-7.17c.26-.51.78-.83 1.34-.83h3.77c.57 0 1.09.32 1.34.83L13.81 4h1.7A2.5 2.5 0 0 1 18 6.5v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 2 14.5v-8A2.5 2.5 0 0 1 4.5 4h1.68l.6-1.17ZM10 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z"]));
export const Camera20Color = ( /*#__PURE__*/createFluentIcon('Camera20Color', "20", `<path d="M6.78 2.83c.25-.51.77-.83 1.34-.83h3.76c.57 0 1.1.32 1.35.83L13.8 4h1.69A2.5 2.5 0 0 1 18 6.5v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 2 14.5v-8A2.5 2.5 0 0 1 4.5 4h1.69l.59-1.17Z" fill="url(#ic_fluent_camera_20_color__a)"/><path d="M6.78 2.83c.25-.51.77-.83 1.34-.83h3.76c.57 0 1.1.32 1.35.83L13.8 4h1.69A2.5 2.5 0 0 1 18 6.5v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 2 14.5v-8A2.5 2.5 0 0 1 4.5 4h1.69l.59-1.17Z" fill="url(#ic_fluent_camera_20_color__b)" fill-opacity=".5"/><path d="M14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" fill="url(#ic_fluent_camera_20_color__c)"/><path d="M13 10a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="url(#ic_fluent_camera_20_color__d)"/><path d="M15 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" fill="url(#ic_fluent_camera_20_color__e)"/><defs><radialGradient id="ic_fluent_camera_20_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(40.73 -4.3 .83) scale(23.7539 49.3244)"><stop stop-color="#F08AF4"/><stop offset=".54" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_camera_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.5 5.76923 -5.23393 .45361 12 11.23)"><stop stop-color="#312A9A"/><stop offset="1" stop-color="#312A9A" stop-opacity="0"/></radialGradient><radialGradient id="ic_fluent_camera_20_color__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.5 6.5 -6.5 5.5 6 5.5)"><stop offset=".24" stop-color="#3BD5FF"/><stop offset="1" stop-color="#2052CB"/></radialGradient><linearGradient id="ic_fluent_camera_20_color__c" x1="7.5" y1="6" x2="11.5" y2="15.5" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#DECBFF"/></linearGradient><linearGradient id="ic_fluent_camera_20_color__e" x1="14" y1="6.5" x2="16" y2="8" gradientUnits="userSpaceOnUse"><stop stop-color="#F08AF4"/><stop offset="1" stop-color="#F462AB"/></linearGradient></defs>`, { color: true }));
export const Camera24Regular = ( /*#__PURE__*/createFluentIcon('Camera24Regular', "24", ["M13.92 2.5c.8 0 1.54.43 1.94 1.11l.82 1.4h2.07C20.55 5 22 6.45 22 8.24v9.5c0 1.8-1.46 3.25-3.25 3.25H5.25A3.25 3.25 0 0 1 2 17.75v-9.5C2 6.45 3.46 5 5.25 5h2.08l.88-1.42a2.25 2.25 0 0 1 1.91-1.08h3.8Zm0 1.5h-3.8c-.22 0-.43.1-.57.27l-.07.1-1.1 1.77a.75.75 0 0 1-.63.36h-2.5c-.97 0-1.75.78-1.75 1.75v9.5c0 .97.78 1.75 1.75 1.75h13.5c.97 0 1.75-.78 1.75-1.75v-9.5c0-.97-.78-1.75-1.75-1.75h-2.5a.75.75 0 0 1-.65-.37l-1.03-1.76a.75.75 0 0 0-.65-.37ZM12 8a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm0 1.5a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"]));
export const Camera24Filled = ( /*#__PURE__*/createFluentIcon('Camera24Filled', "24", ["M13.92 2.5c.8 0 1.54.43 1.94 1.11l.82 1.4h2.07C20.55 5 22 6.45 22 8.24v9.5c0 1.8-1.46 3.25-3.25 3.25H5.25A3.25 3.25 0 0 1 2 17.75v-9.5C2 6.45 3.46 5 5.25 5h2.08l.88-1.42a2.25 2.25 0 0 1 1.91-1.08h3.8ZM12 8a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm0 1.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Z"]));
export const Camera24Color = ( /*#__PURE__*/createFluentIcon('Camera24Color', "24", `<path d="M2 8.25C2 6.45 3.46 5 5.25 5H7l1.33-2c.42-.62 1.12-1 1.87-1h3.6c.75 0 1.45.38 1.87 1L17 5h1.75C20.55 5 22 6.46 22 8.25v9.5c0 1.8-1.46 3.25-3.25 3.25H5.25A3.25 3.25 0 0 1 2 17.75v-9.5Z" fill="url(#ic_fluent_camera_24_color__a)"/><path d="M2 8.25C2 6.45 3.46 5 5.25 5H7l1.33-2c.42-.62 1.12-1 1.87-1h3.6c.75 0 1.45.38 1.87 1L17 5h1.75C20.55 5 22 6.46 22 8.25v9.5c0 1.8-1.46 3.25-3.25 3.25H5.25A3.25 3.25 0 0 1 2 17.75v-9.5Z" fill="url(#ic_fluent_camera_24_color__b)" fill-opacity=".5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 17a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Z" fill="url(#ic_fluent_camera_24_color__c)"/><path d="M15 12.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="url(#ic_fluent_camera_24_color__d)"/><path d="M18.5 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="url(#ic_fluent_camera_24_color__e)"/><defs><radialGradient id="ic_fluent_camera_24_color__a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(41.11 -4.92 .13) scale(29.8616 62.1235)"><stop stop-color="#F08AF4"/><stop offset=".54" stop-color="#9C6CFE"/><stop offset="1" stop-color="#4E44DB"/></radialGradient><radialGradient id="ic_fluent_camera_24_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.5 6.9091 -7.19332 .52057 14.5 14.1)"><stop stop-color="#312A9A"/><stop offset="1" stop-color="#312A9A" stop-opacity="0"/></radialGradient><radialGradient id="ic_fluent_camera_24_color__d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.5 6.5 -6.5 5.5 8 8)"><stop offset=".24" stop-color="#3BD5FF"/><stop offset="1" stop-color="#2052CB"/></radialGradient><linearGradient id="ic_fluent_camera_24_color__c" x1="9.19" y1="8" x2="13.69" y2="18.69" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#DECBFF"/></linearGradient><linearGradient id="ic_fluent_camera_24_color__e" x1="17" y1="7.75" x2="20" y2="10" gradientUnits="userSpaceOnUse"><stop stop-color="#F08AF4"/><stop offset="1" stop-color="#F462AB"/></linearGradient></defs>`, { color: true }));
export const Camera28Regular = ( /*#__PURE__*/createFluentIcon('Camera28Regular', "28", ["M16.95 2.5c.78 0 1.5.4 1.91 1.06L20.38 6h2.37C24.55 6 26 7.46 26 9.25v12.5c0 1.8-1.46 3.25-3.25 3.25H5.25A3.25 3.25 0 0 1 2 21.75V9.25C2 7.45 3.46 6 5.25 6h2.57L9.2 3.62c.4-.69 1.14-1.12 1.95-1.12h5.8Zm0 1.5h-5.8c-.23 0-.45.1-.59.28l-.06.1-1.6 2.75a.75.75 0 0 1-.65.37h-3c-.97 0-1.75.78-1.75 1.75v12.5c0 .97.78 1.75 1.75 1.75h17.5c.97 0 1.75-.78 1.75-1.75V9.25c0-.97-.78-1.75-1.75-1.75h-2.79a.75.75 0 0 1-.63-.35l-1.74-2.8a.75.75 0 0 0-.64-.35ZM14 9.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm0 1.5a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z"]));
export const Camera28Filled = ( /*#__PURE__*/createFluentIcon('Camera28Filled', "28", ["M16.95 2.5c.78 0 1.5.4 1.91 1.06L20.38 6h2.37C24.55 6 26 7.46 26 9.25v12.5c0 1.8-1.46 3.25-3.25 3.25H5.25A3.25 3.25 0 0 1 2 21.75V9.25C2 7.45 3.46 6 5.25 6h2.57L9.2 3.62c.4-.69 1.14-1.12 1.95-1.12h5.8ZM14 9.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11Zm0 1.5a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"]));