ios camera icon
ios-camera-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-camera-outline
- Set
- IonIcons
- Style
- Outline
- 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 camera icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M417.5 160h-61.7c-32.1-36-42.2-48-54.5-48h-88.5c-12.3 0-22.2 12-54.5 48H145v-16h-34v16H97.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.7zM432 366.7c0 9.3-6.2 17.3-14.5 17.3h-320c-8.7 0-17.5-8.7-17.5-17.3v-176c0-8.2 8.1-14.7 17.5-14.7h67.8l4.8-3.2c4-4.5 7.7-10 11.1-13.8 11.3-12.7 19.5-21.7 25.3-26.9 4.7-4.2 6.2-4.1 6.2-4.1h88.5s1.6-.1 6.7 4.5c6.1 5.5 14.7 16.5 26.6 29.8 2.9 3.3 6 6.8 9.3 10.5l4.8 3.2h68.9c8.8 0 14.5 6 14.5 14.7v176z" fill="currentColor"/><path d="M256 189.5c-47.1 0-85.5 38.4-85.5 85.5s38.4 85.5 85.5 85.5 85.5-38.4 85.5-85.5-38.4-85.5-85.5-85.5zm0 155c-38.4 0-69.5-31.1-69.5-69.5s31.1-69.5 69.5-69.5 69.5 31.1 69.5 69.5-31.1 69.5-69.5 69.5z" fill="currentColor"/><path d="M352 192h17v17h-17z" fill="currentColor"/><circle cx="256" cy="275" r="32" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosCameraOutline(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 160h-61.7c-32.1-36-42.2-48-54.5-48h-88.5c-12.3 0-22.2 12-54.5 48H145v-16h-34v16H97.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.7zM432 366.7c0 9.3-6.2 17.3-14.5 17.3h-320c-8.7 0-17.5-8.7-17.5-17.3v-176c0-8.2 8.1-14.7 17.5-14.7h67.8l4.8-3.2c4-4.5 7.7-10 11.1-13.8 11.3-12.7 19.5-21.7 25.3-26.9 4.7-4.2 6.2-4.1 6.2-4.1h88.5s1.6-.1 6.7 4.5c6.1 5.5 14.7 16.5 26.6 29.8 2.9 3.3 6 6.8 9.3 10.5l4.8 3.2h68.9c8.8 0 14.5 6 14.5 14.7v176z" fill="currentColor"/><path d="M256 189.5c-47.1 0-85.5 38.4-85.5 85.5s38.4 85.5 85.5 85.5 85.5-38.4 85.5-85.5-38.4-85.5-85.5-85.5zm0 155c-38.4 0-69.5-31.1-69.5-69.5s31.1-69.5 69.5-69.5 69.5 31.1 69.5 69.5-31.1 69.5-69.5 69.5z" fill="currentColor"/><path d="M352 192h17v17h-17z" fill="currentColor"/><circle cx="256" cy="275" r="32" 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 160h-61.7c-32.1-36-42.2-48-54.5-48h-88.5c-12.3 0-22.2 12-54.5 48H145v-16h-34v16H97.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.7zM432 366.7c0 9.3-6.2 17.3-14.5 17.3h-320c-8.7 0-17.5-8.7-17.5-17.3v-176c0-8.2 8.1-14.7 17.5-14.7h67.8l4.8-3.2c4-4.5 7.7-10 11.1-13.8 11.3-12.7 19.5-21.7 25.3-26.9 4.7-4.2 6.2-4.1 6.2-4.1h88.5s1.6-.1 6.7 4.5c6.1 5.5 14.7 16.5 26.6 29.8 2.9 3.3 6 6.8 9.3 10.5l4.8 3.2h68.9c8.8 0 14.5 6 14.5 14.7v176z" fill="currentColor"/><path d="M256 189.5c-47.1 0-85.5 38.4-85.5 85.5s38.4 85.5 85.5 85.5 85.5-38.4 85.5-85.5-38.4-85.5-85.5-85.5zm0 155c-38.4 0-69.5-31.1-69.5-69.5s31.1-69.5 69.5-69.5 69.5 31.1 69.5 69.5-31.1 69.5-69.5 69.5z" fill="currentColor"/><path d="M352 192h17v17h-17z" fill="currentColor"/><circle cx="256" cy="275" r="32" fill="currentColor"/></svg> </template>
CSS
.icon-ios-camera-outline {
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%20160h-61.7c-32.1-36-42.2-48-54.5-48h-88.5c-12.3%200-22.2%2012-54.5%2048H145v-16h-34v16H97.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.7zM432%20366.7c0%209.3-6.2%2017.3-14.5%2017.3h-320c-8.7%200-17.5-8.7-17.5-17.3v-176c0-8.2%208.1-14.7%2017.5-14.7h67.8l4.8-3.2c4-4.5%207.7-10%2011.1-13.8%2011.3-12.7%2019.5-21.7%2025.3-26.9%204.7-4.2%206.2-4.1%206.2-4.1h88.5s1.6-.1%206.7%204.5c6.1%205.5%2014.7%2016.5%2026.6%2029.8%202.9%203.3%206%206.8%209.3%2010.5l4.8%203.2h68.9c8.8%200%2014.5%206%2014.5%2014.7v176z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20189.5c-47.1%200-85.5%2038.4-85.5%2085.5s38.4%2085.5%2085.5%2085.5%2085.5-38.4%2085.5-85.5-38.4-85.5-85.5-85.5zm0%20155c-38.4%200-69.5-31.1-69.5-69.5s31.1-69.5%2069.5-69.5%2069.5%2031.1%2069.5%2069.5-31.1%2069.5-69.5%2069.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M352%20192h17v17h-17z%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22275%22%20r%3D%2232%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%20160h-61.7c-32.1-36-42.2-48-54.5-48h-88.5c-12.3%200-22.2%2012-54.5%2048H145v-16h-34v16H97.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.7zM432%20366.7c0%209.3-6.2%2017.3-14.5%2017.3h-320c-8.7%200-17.5-8.7-17.5-17.3v-176c0-8.2%208.1-14.7%2017.5-14.7h67.8l4.8-3.2c4-4.5%207.7-10%2011.1-13.8%2011.3-12.7%2019.5-21.7%2025.3-26.9%204.7-4.2%206.2-4.1%206.2-4.1h88.5s1.6-.1%206.7%204.5c6.1%205.5%2014.7%2016.5%2026.6%2029.8%202.9%203.3%206%206.8%209.3%2010.5l4.8%203.2h68.9c8.8%200%2014.5%206%2014.5%2014.7v176z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20189.5c-47.1%200-85.5%2038.4-85.5%2085.5s38.4%2085.5%2085.5%2085.5%2085.5-38.4%2085.5-85.5-38.4-85.5-85.5-85.5zm0%20155c-38.4%200-69.5-31.1-69.5-69.5s31.1-69.5%2069.5-69.5%2069.5%2031.1%2069.5%2069.5-31.1%2069.5-69.5%2069.5z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M352%20192h17v17h-17z%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22275%22%20r%3D%2232%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-camera-outline.svg?color=%231a73e8&size=48
