camera filters icon
camera-filters from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- camera-filters
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the camera filters icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M18.964 51.506q3.31 0 6.202-1.247a16.3 16.3 0 0 0 5.09-3.436a15.9 15.9 0 0 0 3.436-5.09q1.236-2.903 1.235-6.214q0-3.288-1.247-6.179a16.17 16.17 0 0 0-8.514-8.515q-2.892-1.247-6.202-1.247q-3.288 0-6.19 1.247a16.13 16.13 0 0 0-8.527 8.515Q3 32.231 3 35.52q0 3.31 1.247 6.213a16.1 16.1 0 0 0 3.436 5.09a16.1 16.1 0 0 0 5.09 3.436q2.903 1.247 6.19 1.247m0-3.628a12 12 0 0 1-4.785-.964a12.6 12.6 0 0 1-3.945-2.653a12.2 12.2 0 0 1-2.653-3.934q-.953-2.246-.953-4.808q0-2.54.953-4.773a12.2 12.2 0 0 1 2.653-3.923a12.6 12.6 0 0 1 3.945-2.653a12 12 0 0 1 4.785-.964q2.562 0 4.796.964a12.5 12.5 0 0 1 6.576 6.576q.963 2.234.963 4.773q0 2.563-.963 4.808a12.46 12.46 0 0 1-6.576 6.587q-2.235.963-4.796.964m9.047-11.95q3.288 0 6.18-1.236a16 16 0 0 0 5.09-3.436a16 16 0 0 0 3.436-5.09q1.236-2.892 1.235-6.202t-1.235-6.19a16.1 16.1 0 0 0-3.436-5.08a16.2 16.2 0 0 0-5.09-3.447Q31.299 4 28.01 4q-3.31 0-6.201 1.247a16.2 16.2 0 0 0-5.091 3.447a16.3 16.3 0 0 0-3.447 5.08q-1.247 2.88-1.247 6.19t1.247 6.202a16.2 16.2 0 0 0 3.447 5.09a16.1 16.1 0 0 0 5.09 3.436q2.892 1.236 6.202 1.236m0-3.629q-2.562 0-4.807-.952a12.2 12.2 0 0 1-3.934-2.653a12.6 12.6 0 0 1-2.653-3.934q-.964-2.235-.964-4.796t.964-4.785a12.7 12.7 0 0 1 2.653-3.923a12.4 12.4 0 0 1 3.934-2.664q2.246-.964 4.807-.964q2.54 0 4.774.964q2.233.963 3.934 2.653a12.2 12.2 0 0 1 2.653 3.923q.952 2.234.952 4.796t-.952 4.796a12.4 12.4 0 0 1-2.653 3.934a12.4 12.4 0 0 1-3.934 2.653q-2.234.952-4.774.952m9.048 19.207q3.288 0 6.18-1.247a16.3 16.3 0 0 0 5.09-3.436a15.9 15.9 0 0 0 3.435-5.09Q53 38.83 53 35.519q0-3.288-1.236-6.179a15.9 15.9 0 0 0-3.435-5.08a16.3 16.3 0 0 0-5.09-3.435q-2.892-1.247-6.18-1.247q-3.31 0-6.213 1.247a16.13 16.13 0 0 0-8.526 8.515q-1.247 2.891-1.247 6.18q0 3.31 1.247 6.213a16.1 16.1 0 0 0 3.435 5.09a16.1 16.1 0 0 0 5.09 3.436q2.904 1.247 6.214 1.247m0-3.628q-2.562 0-4.807-.964a12.5 12.5 0 0 1-3.934-2.653a12.5 12.5 0 0 1-2.654-3.934q-.963-2.246-.963-4.808q0-2.54.963-4.773a12.46 12.46 0 0 1 6.587-6.576q2.246-.963 4.808-.964q2.54 0 4.773.964a12.5 12.5 0 0 1 6.576 6.576q.964 2.234.964 4.773q0 2.563-.952 4.808a12.3 12.3 0 0 1-2.642 3.934a12.5 12.5 0 0 1-3.934 2.653a12 12 0 0 1-4.785.964"/></svg>
React
import type { SVGProps } from "react";
export function F7CameraFilters(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M18.964 51.506q3.31 0 6.202-1.247a16.3 16.3 0 0 0 5.09-3.436a15.9 15.9 0 0 0 3.436-5.09q1.236-2.903 1.235-6.214q0-3.288-1.247-6.179a16.17 16.17 0 0 0-8.514-8.515q-2.892-1.247-6.202-1.247q-3.288 0-6.19 1.247a16.13 16.13 0 0 0-8.527 8.515Q3 32.231 3 35.52q0 3.31 1.247 6.213a16.1 16.1 0 0 0 3.436 5.09a16.1 16.1 0 0 0 5.09 3.436q2.903 1.247 6.19 1.247m0-3.628a12 12 0 0 1-4.785-.964a12.6 12.6 0 0 1-3.945-2.653a12.2 12.2 0 0 1-2.653-3.934q-.953-2.246-.953-4.808q0-2.54.953-4.773a12.2 12.2 0 0 1 2.653-3.923a12.6 12.6 0 0 1 3.945-2.653a12 12 0 0 1 4.785-.964q2.562 0 4.796.964a12.5 12.5 0 0 1 6.576 6.576q.963 2.234.963 4.773q0 2.563-.963 4.808a12.46 12.46 0 0 1-6.576 6.587q-2.235.963-4.796.964m9.047-11.95q3.288 0 6.18-1.236a16 16 0 0 0 5.09-3.436a16 16 0 0 0 3.436-5.09q1.236-2.892 1.235-6.202t-1.235-6.19a16.1 16.1 0 0 0-3.436-5.08a16.2 16.2 0 0 0-5.09-3.447Q31.299 4 28.01 4q-3.31 0-6.201 1.247a16.2 16.2 0 0 0-5.091 3.447a16.3 16.3 0 0 0-3.447 5.08q-1.247 2.88-1.247 6.19t1.247 6.202a16.2 16.2 0 0 0 3.447 5.09a16.1 16.1 0 0 0 5.09 3.436q2.892 1.236 6.202 1.236m0-3.629q-2.562 0-4.807-.952a12.2 12.2 0 0 1-3.934-2.653a12.6 12.6 0 0 1-2.653-3.934q-.964-2.235-.964-4.796t.964-4.785a12.7 12.7 0 0 1 2.653-3.923a12.4 12.4 0 0 1 3.934-2.664q2.246-.964 4.807-.964q2.54 0 4.774.964q2.233.963 3.934 2.653a12.2 12.2 0 0 1 2.653 3.923q.952 2.234.952 4.796t-.952 4.796a12.4 12.4 0 0 1-2.653 3.934a12.4 12.4 0 0 1-3.934 2.653q-2.234.952-4.774.952m9.048 19.207q3.288 0 6.18-1.247a16.3 16.3 0 0 0 5.09-3.436a15.9 15.9 0 0 0 3.435-5.09Q53 38.83 53 35.519q0-3.288-1.236-6.179a15.9 15.9 0 0 0-3.435-5.08a16.3 16.3 0 0 0-5.09-3.435q-2.892-1.247-6.18-1.247q-3.31 0-6.213 1.247a16.13 16.13 0 0 0-8.526 8.515q-1.247 2.891-1.247 6.18q0 3.31 1.247 6.213a16.1 16.1 0 0 0 3.435 5.09a16.1 16.1 0 0 0 5.09 3.436q2.904 1.247 6.214 1.247m0-3.628q-2.562 0-4.807-.964a12.5 12.5 0 0 1-3.934-2.653a12.5 12.5 0 0 1-2.654-3.934q-.963-2.246-.963-4.808q0-2.54.963-4.773a12.46 12.46 0 0 1 6.587-6.576q2.246-.963 4.808-.964q2.54 0 4.773.964a12.5 12.5 0 0 1 6.576 6.576q.964 2.234.964 4.773q0 2.563-.952 4.808a12.3 12.3 0 0 1-2.642 3.934a12.5 12.5 0 0 1-3.934 2.653a12 12 0 0 1-4.785.964"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M18.964 51.506q3.31 0 6.202-1.247a16.3 16.3 0 0 0 5.09-3.436a15.9 15.9 0 0 0 3.436-5.09q1.236-2.903 1.235-6.214q0-3.288-1.247-6.179a16.17 16.17 0 0 0-8.514-8.515q-2.892-1.247-6.202-1.247q-3.288 0-6.19 1.247a16.13 16.13 0 0 0-8.527 8.515Q3 32.231 3 35.52q0 3.31 1.247 6.213a16.1 16.1 0 0 0 3.436 5.09a16.1 16.1 0 0 0 5.09 3.436q2.903 1.247 6.19 1.247m0-3.628a12 12 0 0 1-4.785-.964a12.6 12.6 0 0 1-3.945-2.653a12.2 12.2 0 0 1-2.653-3.934q-.953-2.246-.953-4.808q0-2.54.953-4.773a12.2 12.2 0 0 1 2.653-3.923a12.6 12.6 0 0 1 3.945-2.653a12 12 0 0 1 4.785-.964q2.562 0 4.796.964a12.5 12.5 0 0 1 6.576 6.576q.963 2.234.963 4.773q0 2.563-.963 4.808a12.46 12.46 0 0 1-6.576 6.587q-2.235.963-4.796.964m9.047-11.95q3.288 0 6.18-1.236a16 16 0 0 0 5.09-3.436a16 16 0 0 0 3.436-5.09q1.236-2.892 1.235-6.202t-1.235-6.19a16.1 16.1 0 0 0-3.436-5.08a16.2 16.2 0 0 0-5.09-3.447Q31.299 4 28.01 4q-3.31 0-6.201 1.247a16.2 16.2 0 0 0-5.091 3.447a16.3 16.3 0 0 0-3.447 5.08q-1.247 2.88-1.247 6.19t1.247 6.202a16.2 16.2 0 0 0 3.447 5.09a16.1 16.1 0 0 0 5.09 3.436q2.892 1.236 6.202 1.236m0-3.629q-2.562 0-4.807-.952a12.2 12.2 0 0 1-3.934-2.653a12.6 12.6 0 0 1-2.653-3.934q-.964-2.235-.964-4.796t.964-4.785a12.7 12.7 0 0 1 2.653-3.923a12.4 12.4 0 0 1 3.934-2.664q2.246-.964 4.807-.964q2.54 0 4.774.964q2.233.963 3.934 2.653a12.2 12.2 0 0 1 2.653 3.923q.952 2.234.952 4.796t-.952 4.796a12.4 12.4 0 0 1-2.653 3.934a12.4 12.4 0 0 1-3.934 2.653q-2.234.952-4.774.952m9.048 19.207q3.288 0 6.18-1.247a16.3 16.3 0 0 0 5.09-3.436a15.9 15.9 0 0 0 3.435-5.09Q53 38.83 53 35.519q0-3.288-1.236-6.179a15.9 15.9 0 0 0-3.435-5.08a16.3 16.3 0 0 0-5.09-3.435q-2.892-1.247-6.18-1.247q-3.31 0-6.213 1.247a16.13 16.13 0 0 0-8.526 8.515q-1.247 2.891-1.247 6.18q0 3.31 1.247 6.213a16.1 16.1 0 0 0 3.435 5.09a16.1 16.1 0 0 0 5.09 3.436q2.904 1.247 6.214 1.247m0-3.628q-2.562 0-4.807-.964a12.5 12.5 0 0 1-3.934-2.653a12.5 12.5 0 0 1-2.654-3.934q-.963-2.246-.963-4.808q0-2.54.963-4.773a12.46 12.46 0 0 1 6.587-6.576q2.246-.963 4.808-.964q2.54 0 4.773.964a12.5 12.5 0 0 1 6.576 6.576q.964 2.234.964 4.773q0 2.563-.952 4.808a12.3 12.3 0 0 1-2.642 3.934a12.5 12.5 0 0 1-3.934 2.653a12 12 0 0 1-4.785.964"/></svg> </template>
CSS
.icon-camera-filters {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.964%2051.506q3.31%200%206.202-1.247a16.3%2016.3%200%200%200%205.09-3.436a15.9%2015.9%200%200%200%203.436-5.09q1.236-2.903%201.235-6.214q0-3.288-1.247-6.179a16.17%2016.17%200%200%200-8.514-8.515q-2.892-1.247-6.202-1.247q-3.288%200-6.19%201.247a16.13%2016.13%200%200%200-8.527%208.515Q3%2032.231%203%2035.52q0%203.31%201.247%206.213a16.1%2016.1%200%200%200%203.436%205.09a16.1%2016.1%200%200%200%205.09%203.436q2.903%201.247%206.19%201.247m0-3.628a12%2012%200%200%201-4.785-.964a12.6%2012.6%200%200%201-3.945-2.653a12.2%2012.2%200%200%201-2.653-3.934q-.953-2.246-.953-4.808q0-2.54.953-4.773a12.2%2012.2%200%200%201%202.653-3.923a12.6%2012.6%200%200%201%203.945-2.653a12%2012%200%200%201%204.785-.964q2.562%200%204.796.964a12.5%2012.5%200%200%201%206.576%206.576q.963%202.234.963%204.773q0%202.563-.963%204.808a12.46%2012.46%200%200%201-6.576%206.587q-2.235.963-4.796.964m9.047-11.95q3.288%200%206.18-1.236a16%2016%200%200%200%205.09-3.436a16%2016%200%200%200%203.436-5.09q1.236-2.892%201.235-6.202t-1.235-6.19a16.1%2016.1%200%200%200-3.436-5.08a16.2%2016.2%200%200%200-5.09-3.447Q31.299%204%2028.01%204q-3.31%200-6.201%201.247a16.2%2016.2%200%200%200-5.091%203.447a16.3%2016.3%200%200%200-3.447%205.08q-1.247%202.88-1.247%206.19t1.247%206.202a16.2%2016.2%200%200%200%203.447%205.09a16.1%2016.1%200%200%200%205.09%203.436q2.892%201.236%206.202%201.236m0-3.629q-2.562%200-4.807-.952a12.2%2012.2%200%200%201-3.934-2.653a12.6%2012.6%200%200%201-2.653-3.934q-.964-2.235-.964-4.796t.964-4.785a12.7%2012.7%200%200%201%202.653-3.923a12.4%2012.4%200%200%201%203.934-2.664q2.246-.964%204.807-.964q2.54%200%204.774.964q2.233.963%203.934%202.653a12.2%2012.2%200%200%201%202.653%203.923q.952%202.234.952%204.796t-.952%204.796a12.4%2012.4%200%200%201-2.653%203.934a12.4%2012.4%200%200%201-3.934%202.653q-2.234.952-4.774.952m9.048%2019.207q3.288%200%206.18-1.247a16.3%2016.3%200%200%200%205.09-3.436a15.9%2015.9%200%200%200%203.435-5.09Q53%2038.83%2053%2035.519q0-3.288-1.236-6.179a15.9%2015.9%200%200%200-3.435-5.08a16.3%2016.3%200%200%200-5.09-3.435q-2.892-1.247-6.18-1.247q-3.31%200-6.213%201.247a16.13%2016.13%200%200%200-8.526%208.515q-1.247%202.891-1.247%206.18q0%203.31%201.247%206.213a16.1%2016.1%200%200%200%203.435%205.09a16.1%2016.1%200%200%200%205.09%203.436q2.904%201.247%206.214%201.247m0-3.628q-2.562%200-4.807-.964a12.5%2012.5%200%200%201-3.934-2.653a12.5%2012.5%200%200%201-2.654-3.934q-.963-2.246-.963-4.808q0-2.54.963-4.773a12.46%2012.46%200%200%201%206.587-6.576q2.246-.963%204.808-.964q2.54%200%204.773.964a12.5%2012.5%200%200%201%206.576%206.576q.964%202.234.964%204.773q0%202.563-.952%204.808a12.3%2012.3%200%200%201-2.642%203.934a12.5%2012.5%200%200%201-3.934%202.653a12%2012%200%200%201-4.785.964%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.964%2051.506q3.31%200%206.202-1.247a16.3%2016.3%200%200%200%205.09-3.436a15.9%2015.9%200%200%200%203.436-5.09q1.236-2.903%201.235-6.214q0-3.288-1.247-6.179a16.17%2016.17%200%200%200-8.514-8.515q-2.892-1.247-6.202-1.247q-3.288%200-6.19%201.247a16.13%2016.13%200%200%200-8.527%208.515Q3%2032.231%203%2035.52q0%203.31%201.247%206.213a16.1%2016.1%200%200%200%203.436%205.09a16.1%2016.1%200%200%200%205.09%203.436q2.903%201.247%206.19%201.247m0-3.628a12%2012%200%200%201-4.785-.964a12.6%2012.6%200%200%201-3.945-2.653a12.2%2012.2%200%200%201-2.653-3.934q-.953-2.246-.953-4.808q0-2.54.953-4.773a12.2%2012.2%200%200%201%202.653-3.923a12.6%2012.6%200%200%201%203.945-2.653a12%2012%200%200%201%204.785-.964q2.562%200%204.796.964a12.5%2012.5%200%200%201%206.576%206.576q.963%202.234.963%204.773q0%202.563-.963%204.808a12.46%2012.46%200%200%201-6.576%206.587q-2.235.963-4.796.964m9.047-11.95q3.288%200%206.18-1.236a16%2016%200%200%200%205.09-3.436a16%2016%200%200%200%203.436-5.09q1.236-2.892%201.235-6.202t-1.235-6.19a16.1%2016.1%200%200%200-3.436-5.08a16.2%2016.2%200%200%200-5.09-3.447Q31.299%204%2028.01%204q-3.31%200-6.201%201.247a16.2%2016.2%200%200%200-5.091%203.447a16.3%2016.3%200%200%200-3.447%205.08q-1.247%202.88-1.247%206.19t1.247%206.202a16.2%2016.2%200%200%200%203.447%205.09a16.1%2016.1%200%200%200%205.09%203.436q2.892%201.236%206.202%201.236m0-3.629q-2.562%200-4.807-.952a12.2%2012.2%200%200%201-3.934-2.653a12.6%2012.6%200%200%201-2.653-3.934q-.964-2.235-.964-4.796t.964-4.785a12.7%2012.7%200%200%201%202.653-3.923a12.4%2012.4%200%200%201%203.934-2.664q2.246-.964%204.807-.964q2.54%200%204.774.964q2.233.963%203.934%202.653a12.2%2012.2%200%200%201%202.653%203.923q.952%202.234.952%204.796t-.952%204.796a12.4%2012.4%200%200%201-2.653%203.934a12.4%2012.4%200%200%201-3.934%202.653q-2.234.952-4.774.952m9.048%2019.207q3.288%200%206.18-1.247a16.3%2016.3%200%200%200%205.09-3.436a15.9%2015.9%200%200%200%203.435-5.09Q53%2038.83%2053%2035.519q0-3.288-1.236-6.179a15.9%2015.9%200%200%200-3.435-5.08a16.3%2016.3%200%200%200-5.09-3.435q-2.892-1.247-6.18-1.247q-3.31%200-6.213%201.247a16.13%2016.13%200%200%200-8.526%208.515q-1.247%202.891-1.247%206.18q0%203.31%201.247%206.213a16.1%2016.1%200%200%200%203.435%205.09a16.1%2016.1%200%200%200%205.09%203.436q2.904%201.247%206.214%201.247m0-3.628q-2.562%200-4.807-.964a12.5%2012.5%200%200%201-3.934-2.653a12.5%2012.5%200%200%201-2.654-3.934q-.963-2.246-.963-4.808q0-2.54.963-4.773a12.46%2012.46%200%200%201%206.587-6.576q2.246-.963%204.808-.964q2.54%200%204.773.964a12.5%2012.5%200%200%201%206.576%206.576q.964%202.234.964%204.773q0%202.563-.952%204.808a12.3%2012.3%200%200%201-2.642%203.934a12.5%2012.5%200%200%201-3.934%202.653a12%2012%200%200%201-4.785.964%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/camera-filters.svg?color=%231a73e8&size=48
