ios reverse camera icon
ios-reverse-camera from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-reverse-camera
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios reverse camera icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M417.5 160H363c-4.6 0-8.9-2-12-5.4-28.4-31.8-39.1-42.6-50.7-42.6h-85.5c-11.7 0-23.2 10.8-51.7 42.7-3 3.4-7.4 5.3-11.9 5.3h-4.1v-8c0-4.4-3.6-8-8-8h-26c-4.4 0-8 3.6-8 8v8h-7.5C79.9 160 64 173.2 64 190.7v176c0 17.5 15.9 33.3 33.5 33.3h320c17.6 0 30.5-15.8 30.5-33.3v-176c0-17.5-12.9-30.7-30.5-30.7zM308.3 340.5c-.8 2.5-2.6 4.6-4.8 6.1-14.1 9.7-30.5 14.8-47.5 14.8-21 0-41.2-8.1-57.1-22.7-14.6-13.5-24.1-31.2-27-50.2h-20.4c-3.2 0-6-2.8-5.6-6.6.1-.7.3-1.3.7-1.8l31.5-42.3c1.1-1.4 2.7-2.2 4.4-2.2 1.7 0 3.3.8 4.4 2.2l32.2 41.8c2 2.6 1.5 6.4-1.8 8.5-.6.4-1.2.5-1.9.5h-20.8c2.7 12.8 9.7 24.8 19.9 34 11.6 10.6 26.3 16.4 41.4 16.4 12.3 0 24.4-4 35.1-11.5 1.9-1.3 4.2-2.1 6.5-2.1 3.2 0 6.2 1.3 8.3 3.7 2.9 3 3.9 7.3 2.5 11.4zm56.6-67.5l-31.2 42.9c-1.8 2.5-5.5 3.2-8.3.8-.2-.2-.4-.4-.5-.6L292.5 273c-2-2.6-1.4-6.5 1.9-8.5.6-.3 1.2-.5 1.9-.5h21c-2.7-13.6-9.7-26.1-19.9-35.6-11.5-10.7-26.2-16.6-41.3-16.6-12.5 0-24.6 3.9-35.2 11.3-1.9 1.3-4.1 2-6.4 2-3.1 0-6.1-1.3-8.2-3.6-2.8-3-3.8-7.4-2.5-11.5.8-2.5 2.6-4.6 4.7-6 14.1-9.7 30.6-14.8 47.6-14.8 21.7 0 42.2 7.9 57.8 22.3 13.3 12.3 23.2 32.1 26.2 52.4h21.1c.6 0 1.3.2 1.8.5 3.2 2.1 3.8 6 1.9 8.6z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosReverseCamera(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M417.5 160H363c-4.6 0-8.9-2-12-5.4-28.4-31.8-39.1-42.6-50.7-42.6h-85.5c-11.7 0-23.2 10.8-51.7 42.7-3 3.4-7.4 5.3-11.9 5.3h-4.1v-8c0-4.4-3.6-8-8-8h-26c-4.4 0-8 3.6-8 8v8h-7.5C79.9 160 64 173.2 64 190.7v176c0 17.5 15.9 33.3 33.5 33.3h320c17.6 0 30.5-15.8 30.5-33.3v-176c0-17.5-12.9-30.7-30.5-30.7zM308.3 340.5c-.8 2.5-2.6 4.6-4.8 6.1-14.1 9.7-30.5 14.8-47.5 14.8-21 0-41.2-8.1-57.1-22.7-14.6-13.5-24.1-31.2-27-50.2h-20.4c-3.2 0-6-2.8-5.6-6.6.1-.7.3-1.3.7-1.8l31.5-42.3c1.1-1.4 2.7-2.2 4.4-2.2 1.7 0 3.3.8 4.4 2.2l32.2 41.8c2 2.6 1.5 6.4-1.8 8.5-.6.4-1.2.5-1.9.5h-20.8c2.7 12.8 9.7 24.8 19.9 34 11.6 10.6 26.3 16.4 41.4 16.4 12.3 0 24.4-4 35.1-11.5 1.9-1.3 4.2-2.1 6.5-2.1 3.2 0 6.2 1.3 8.3 3.7 2.9 3 3.9 7.3 2.5 11.4zm56.6-67.5l-31.2 42.9c-1.8 2.5-5.5 3.2-8.3.8-.2-.2-.4-.4-.5-.6L292.5 273c-2-2.6-1.4-6.5 1.9-8.5.6-.3 1.2-.5 1.9-.5h21c-2.7-13.6-9.7-26.1-19.9-35.6-11.5-10.7-26.2-16.6-41.3-16.6-12.5 0-24.6 3.9-35.2 11.3-1.9 1.3-4.1 2-6.4 2-3.1 0-6.1-1.3-8.2-3.6-2.8-3-3.8-7.4-2.5-11.5.8-2.5 2.6-4.6 4.7-6 14.1-9.7 30.6-14.8 47.6-14.8 21.7 0 42.2 7.9 57.8 22.3 13.3 12.3 23.2 32.1 26.2 52.4h21.1c.6 0 1.3.2 1.8.5 3.2 2.1 3.8 6 1.9 8.6z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M417.5 160H363c-4.6 0-8.9-2-12-5.4-28.4-31.8-39.1-42.6-50.7-42.6h-85.5c-11.7 0-23.2 10.8-51.7 42.7-3 3.4-7.4 5.3-11.9 5.3h-4.1v-8c0-4.4-3.6-8-8-8h-26c-4.4 0-8 3.6-8 8v8h-7.5C79.9 160 64 173.2 64 190.7v176c0 17.5 15.9 33.3 33.5 33.3h320c17.6 0 30.5-15.8 30.5-33.3v-176c0-17.5-12.9-30.7-30.5-30.7zM308.3 340.5c-.8 2.5-2.6 4.6-4.8 6.1-14.1 9.7-30.5 14.8-47.5 14.8-21 0-41.2-8.1-57.1-22.7-14.6-13.5-24.1-31.2-27-50.2h-20.4c-3.2 0-6-2.8-5.6-6.6.1-.7.3-1.3.7-1.8l31.5-42.3c1.1-1.4 2.7-2.2 4.4-2.2 1.7 0 3.3.8 4.4 2.2l32.2 41.8c2 2.6 1.5 6.4-1.8 8.5-.6.4-1.2.5-1.9.5h-20.8c2.7 12.8 9.7 24.8 19.9 34 11.6 10.6 26.3 16.4 41.4 16.4 12.3 0 24.4-4 35.1-11.5 1.9-1.3 4.2-2.1 6.5-2.1 3.2 0 6.2 1.3 8.3 3.7 2.9 3 3.9 7.3 2.5 11.4zm56.6-67.5l-31.2 42.9c-1.8 2.5-5.5 3.2-8.3.8-.2-.2-.4-.4-.5-.6L292.5 273c-2-2.6-1.4-6.5 1.9-8.5.6-.3 1.2-.5 1.9-.5h21c-2.7-13.6-9.7-26.1-19.9-35.6-11.5-10.7-26.2-16.6-41.3-16.6-12.5 0-24.6 3.9-35.2 11.3-1.9 1.3-4.1 2-6.4 2-3.1 0-6.1-1.3-8.2-3.6-2.8-3-3.8-7.4-2.5-11.5.8-2.5 2.6-4.6 4.7-6 14.1-9.7 30.6-14.8 47.6-14.8 21.7 0 42.2 7.9 57.8 22.3 13.3 12.3 23.2 32.1 26.2 52.4h21.1c.6 0 1.3.2 1.8.5 3.2 2.1 3.8 6 1.9 8.6z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-reverse-camera {
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%20512%20512%22%3E%3Cpath%20d%3D%22M417.5%20160H363c-4.6%200-8.9-2-12-5.4-28.4-31.8-39.1-42.6-50.7-42.6h-85.5c-11.7%200-23.2%2010.8-51.7%2042.7-3%203.4-7.4%205.3-11.9%205.3h-4.1v-8c0-4.4-3.6-8-8-8h-26c-4.4%200-8%203.6-8%208v8h-7.5C79.9%20160%2064%20173.2%2064%20190.7v176c0%2017.5%2015.9%2033.3%2033.5%2033.3h320c17.6%200%2030.5-15.8%2030.5-33.3v-176c0-17.5-12.9-30.7-30.5-30.7zM308.3%20340.5c-.8%202.5-2.6%204.6-4.8%206.1-14.1%209.7-30.5%2014.8-47.5%2014.8-21%200-41.2-8.1-57.1-22.7-14.6-13.5-24.1-31.2-27-50.2h-20.4c-3.2%200-6-2.8-5.6-6.6.1-.7.3-1.3.7-1.8l31.5-42.3c1.1-1.4%202.7-2.2%204.4-2.2%201.7%200%203.3.8%204.4%202.2l32.2%2041.8c2%202.6%201.5%206.4-1.8%208.5-.6.4-1.2.5-1.9.5h-20.8c2.7%2012.8%209.7%2024.8%2019.9%2034%2011.6%2010.6%2026.3%2016.4%2041.4%2016.4%2012.3%200%2024.4-4%2035.1-11.5%201.9-1.3%204.2-2.1%206.5-2.1%203.2%200%206.2%201.3%208.3%203.7%202.9%203%203.9%207.3%202.5%2011.4zm56.6-67.5l-31.2%2042.9c-1.8%202.5-5.5%203.2-8.3.8-.2-.2-.4-.4-.5-.6L292.5%20273c-2-2.6-1.4-6.5%201.9-8.5.6-.3%201.2-.5%201.9-.5h21c-2.7-13.6-9.7-26.1-19.9-35.6-11.5-10.7-26.2-16.6-41.3-16.6-12.5%200-24.6%203.9-35.2%2011.3-1.9%201.3-4.1%202-6.4%202-3.1%200-6.1-1.3-8.2-3.6-2.8-3-3.8-7.4-2.5-11.5.8-2.5%202.6-4.6%204.7-6%2014.1-9.7%2030.6-14.8%2047.6-14.8%2021.7%200%2042.2%207.9%2057.8%2022.3%2013.3%2012.3%2023.2%2032.1%2026.2%2052.4h21.1c.6%200%201.3.2%201.8.5%203.2%202.1%203.8%206%201.9%208.6z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M417.5%20160H363c-4.6%200-8.9-2-12-5.4-28.4-31.8-39.1-42.6-50.7-42.6h-85.5c-11.7%200-23.2%2010.8-51.7%2042.7-3%203.4-7.4%205.3-11.9%205.3h-4.1v-8c0-4.4-3.6-8-8-8h-26c-4.4%200-8%203.6-8%208v8h-7.5C79.9%20160%2064%20173.2%2064%20190.7v176c0%2017.5%2015.9%2033.3%2033.5%2033.3h320c17.6%200%2030.5-15.8%2030.5-33.3v-176c0-17.5-12.9-30.7-30.5-30.7zM308.3%20340.5c-.8%202.5-2.6%204.6-4.8%206.1-14.1%209.7-30.5%2014.8-47.5%2014.8-21%200-41.2-8.1-57.1-22.7-14.6-13.5-24.1-31.2-27-50.2h-20.4c-3.2%200-6-2.8-5.6-6.6.1-.7.3-1.3.7-1.8l31.5-42.3c1.1-1.4%202.7-2.2%204.4-2.2%201.7%200%203.3.8%204.4%202.2l32.2%2041.8c2%202.6%201.5%206.4-1.8%208.5-.6.4-1.2.5-1.9.5h-20.8c2.7%2012.8%209.7%2024.8%2019.9%2034%2011.6%2010.6%2026.3%2016.4%2041.4%2016.4%2012.3%200%2024.4-4%2035.1-11.5%201.9-1.3%204.2-2.1%206.5-2.1%203.2%200%206.2%201.3%208.3%203.7%202.9%203%203.9%207.3%202.5%2011.4zm56.6-67.5l-31.2%2042.9c-1.8%202.5-5.5%203.2-8.3.8-.2-.2-.4-.4-.5-.6L292.5%20273c-2-2.6-1.4-6.5%201.9-8.5.6-.3%201.2-.5%201.9-.5h21c-2.7-13.6-9.7-26.1-19.9-35.6-11.5-10.7-26.2-16.6-41.3-16.6-12.5%200-24.6%203.9-35.2%2011.3-1.9%201.3-4.1%202-6.4%202-3.1%200-6.1-1.3-8.2-3.6-2.8-3-3.8-7.4-2.5-11.5.8-2.5%202.6-4.6%204.7-6%2014.1-9.7%2030.6-14.8%2047.6-14.8%2021.7%200%2042.2%207.9%2057.8%2022.3%2013.3%2012.3%2023.2%2032.1%2026.2%2052.4h21.1c.6%200%201.3.2%201.8.5%203.2%202.1%203.8%206%201.9%208.6z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-reverse-camera.svg?color=%231a73e8&size=48
