Home/Libraries/IonIcons/ios-reverse-camera-outline

IonIcons

IosReverseCameraOutline

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path d="M301.815 318.608c-13.114 11.029-28.956 17.356-45.815 17.356-36.36 0-66.286-28.965-70.89-61.965h30.61l-38.87-50-37.534 50h29.479c4.696 42 41.717 78 87.205 78 20.9 0 41.17-7.566 57.076-21.218l2.37-2.159-11.599-11.662-2.032 1.648z" fill="#818cf8"/><path d="M315.736 198.885c-16.188-14.775-37.402-22.839-59.736-22.839-20.9 0-41.169 7.556-57.075 21.206l-2.371 2.052 11.599 11.61 2.033-1.706c12.927-10.872 29.197-17.005 45.814-17.005 36.343 0 66.274 28.797 70.891 63.797h-30.644l38.846 51.225L372.719 256h-29.512c-2.241-20-11.932-42.936-27.471-57.115z" fill="#818cf8"/><path d="M417.5 160h-61.725c-32.105-36-42.219-48-54.525-48h-88.5c-12.314 0-22.167 12-54.521 48H145v-16h-34v16H97.5C79.855 160 64 173.217 64 190.684v176.018C64 384.169 79.855 400 97.5 400h320c17.645 0 30.5-15.831 30.5-33.299V190.684C448 173.217 435.145 160 417.5 160zM432 366.701c0 9.263-6.229 17.299-14.5 17.299h-320c-8.738 0-17.5-8.664-17.5-17.299V190.684C80 182.518 88.126 176 97.5 176h66.862c2.009 0 3.225-.199 5.768-3.2s7.702-10.008 11.08-13.795c11.296-12.666 19.457-21.915 25.316-27.132 4.746-4.225 6.211-3.873 6.225-3.873h88.5c.016 0 1.611-.363 6.709 4.219 6.141 5.521 14.705 16.84 26.558 30.198 2.888 3.255 7.214 8.11 9.317 10.44s4.252 3.143 5.771 3.143H417.5c8.832 0 14.5 5.965 14.5 14.684v176.017z" fill="#818cf8"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install react-ionicons) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. IosReverseCameraOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.