ios color filter icon
ios-color-filter from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-color-filter
- 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 color filter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M442 248.9c-15.7-20.6-37.7-35.9-62.1-43.6 1-6.3 1.4-12.7 1.4-19.1 0-33.7-13-65.4-36.7-89.2C321 73.1 289.5 60 256 60s-65 13.1-88.6 37c-23.7 23.8-36.7 55.5-36.7 89.2 0 6.4.5 12.8 1.4 19.1-24.5 7.7-46.4 23.1-62.1 43.6-17 22.2-26 48.8-26 76.9 0 33.7 13 65.4 36.7 89.2 23.7 23.8 55.2 37 88.6 37 32.6 0 63.2-12.4 86.7-35 23.4 22.6 54.1 35 86.7 35 33.5 0 65-13.1 88.6-37 23.7-23.8 36.7-55.5 36.7-89.2 0-28.1-9-54.7-26-76.9zM256 85.5c55.1 0 100 45.2 100 100.7 0 4.7-.3 9.4-1 14.1-4.1-.4-8.2-.6-12.4-.6-32.6 0-63.2 12.4-86.7 35-23.4-22.6-54.1-35-86.7-35-4.1 0-8.3.2-12.4.6-.6-4.6-1-9.4-1-14.1.2-55.6 45.1-100.7 100.2-100.7zm0 201.4c-1.8 0-3.7-.1-5.5-.2 1.6-3.8 3.4-7.5 5.5-11.1 2.1 3.6 3.9 7.3 5.5 11.1-1.8.2-3.7.2-5.5.2zm-46.6 131.2c-12.7 5.6-26.1 8.4-40.1 8.4-55.1 0-100-45.2-100-100.7 0-22.3 7.1-43.5 20.6-61.2 12.3-16.1 29.4-28.3 48.5-34.6 6.6 17.9 17.3 34.3 31.2 47.6 13.9 13.4 30.9 23.4 49.2 29.1-1 6.3-1.4 12.7-1.4 19.1 0 25.8 7.7 50.6 22.2 71.7-8.8 8.7-19 15.6-30.2 20.6zM225.1 282c-27.6-9-50-29.8-61.3-56.7 1.8-.1 3.7-.2 5.5-.2 13.9 0 27.4 2.8 40.1 8.4 11.2 5 21.4 11.9 30.1 20.6-5.9 8.7-10.8 18-14.4 27.9zm30.9 94c-8.7-15.2-13.3-32.5-13.3-50.2 0-4.7.3-9.4 1-14.1a128.658 128.658 0 0024.8 0c.6 4.6 1 9.4 1 14.1-.2 17.7-4.8 35-13.5 50.2zm46.6-142.5c12.7-5.6 26.1-8.4 40.1-8.4 1.8 0 3.7.1 5.5.2-11.3 26.9-33.7 47.7-61.3 56.7-3.6-9.8-8.5-19.2-14.4-27.9 8.7-8.7 18.9-15.6 30.1-20.6zm40.1 193c-13.9 0-27.4-2.8-40.1-8.4-11.2-5-21.4-11.9-30.1-20.6 14.5-21.1 22.2-45.8 22.2-71.7 0-6.4-.5-12.8-1.4-19.1 18.3-5.7 35.2-15.7 49.2-29.1 13.8-13.3 24.5-29.6 31.2-47.6 19.1 6.3 36.2 18.4 48.5 34.6 13.5 17.7 20.6 38.9 20.6 61.2-.1 55.6-45 100.7-100.1 100.7z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosColorFilter(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M442 248.9c-15.7-20.6-37.7-35.9-62.1-43.6 1-6.3 1.4-12.7 1.4-19.1 0-33.7-13-65.4-36.7-89.2C321 73.1 289.5 60 256 60s-65 13.1-88.6 37c-23.7 23.8-36.7 55.5-36.7 89.2 0 6.4.5 12.8 1.4 19.1-24.5 7.7-46.4 23.1-62.1 43.6-17 22.2-26 48.8-26 76.9 0 33.7 13 65.4 36.7 89.2 23.7 23.8 55.2 37 88.6 37 32.6 0 63.2-12.4 86.7-35 23.4 22.6 54.1 35 86.7 35 33.5 0 65-13.1 88.6-37 23.7-23.8 36.7-55.5 36.7-89.2 0-28.1-9-54.7-26-76.9zM256 85.5c55.1 0 100 45.2 100 100.7 0 4.7-.3 9.4-1 14.1-4.1-.4-8.2-.6-12.4-.6-32.6 0-63.2 12.4-86.7 35-23.4-22.6-54.1-35-86.7-35-4.1 0-8.3.2-12.4.6-.6-4.6-1-9.4-1-14.1.2-55.6 45.1-100.7 100.2-100.7zm0 201.4c-1.8 0-3.7-.1-5.5-.2 1.6-3.8 3.4-7.5 5.5-11.1 2.1 3.6 3.9 7.3 5.5 11.1-1.8.2-3.7.2-5.5.2zm-46.6 131.2c-12.7 5.6-26.1 8.4-40.1 8.4-55.1 0-100-45.2-100-100.7 0-22.3 7.1-43.5 20.6-61.2 12.3-16.1 29.4-28.3 48.5-34.6 6.6 17.9 17.3 34.3 31.2 47.6 13.9 13.4 30.9 23.4 49.2 29.1-1 6.3-1.4 12.7-1.4 19.1 0 25.8 7.7 50.6 22.2 71.7-8.8 8.7-19 15.6-30.2 20.6zM225.1 282c-27.6-9-50-29.8-61.3-56.7 1.8-.1 3.7-.2 5.5-.2 13.9 0 27.4 2.8 40.1 8.4 11.2 5 21.4 11.9 30.1 20.6-5.9 8.7-10.8 18-14.4 27.9zm30.9 94c-8.7-15.2-13.3-32.5-13.3-50.2 0-4.7.3-9.4 1-14.1a128.658 128.658 0 0024.8 0c.6 4.6 1 9.4 1 14.1-.2 17.7-4.8 35-13.5 50.2zm46.6-142.5c12.7-5.6 26.1-8.4 40.1-8.4 1.8 0 3.7.1 5.5.2-11.3 26.9-33.7 47.7-61.3 56.7-3.6-9.8-8.5-19.2-14.4-27.9 8.7-8.7 18.9-15.6 30.1-20.6zm40.1 193c-13.9 0-27.4-2.8-40.1-8.4-11.2-5-21.4-11.9-30.1-20.6 14.5-21.1 22.2-45.8 22.2-71.7 0-6.4-.5-12.8-1.4-19.1 18.3-5.7 35.2-15.7 49.2-29.1 13.8-13.3 24.5-29.6 31.2-47.6 19.1 6.3 36.2 18.4 48.5 34.6 13.5 17.7 20.6 38.9 20.6 61.2-.1 55.6-45 100.7-100.1 100.7z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M442 248.9c-15.7-20.6-37.7-35.9-62.1-43.6 1-6.3 1.4-12.7 1.4-19.1 0-33.7-13-65.4-36.7-89.2C321 73.1 289.5 60 256 60s-65 13.1-88.6 37c-23.7 23.8-36.7 55.5-36.7 89.2 0 6.4.5 12.8 1.4 19.1-24.5 7.7-46.4 23.1-62.1 43.6-17 22.2-26 48.8-26 76.9 0 33.7 13 65.4 36.7 89.2 23.7 23.8 55.2 37 88.6 37 32.6 0 63.2-12.4 86.7-35 23.4 22.6 54.1 35 86.7 35 33.5 0 65-13.1 88.6-37 23.7-23.8 36.7-55.5 36.7-89.2 0-28.1-9-54.7-26-76.9zM256 85.5c55.1 0 100 45.2 100 100.7 0 4.7-.3 9.4-1 14.1-4.1-.4-8.2-.6-12.4-.6-32.6 0-63.2 12.4-86.7 35-23.4-22.6-54.1-35-86.7-35-4.1 0-8.3.2-12.4.6-.6-4.6-1-9.4-1-14.1.2-55.6 45.1-100.7 100.2-100.7zm0 201.4c-1.8 0-3.7-.1-5.5-.2 1.6-3.8 3.4-7.5 5.5-11.1 2.1 3.6 3.9 7.3 5.5 11.1-1.8.2-3.7.2-5.5.2zm-46.6 131.2c-12.7 5.6-26.1 8.4-40.1 8.4-55.1 0-100-45.2-100-100.7 0-22.3 7.1-43.5 20.6-61.2 12.3-16.1 29.4-28.3 48.5-34.6 6.6 17.9 17.3 34.3 31.2 47.6 13.9 13.4 30.9 23.4 49.2 29.1-1 6.3-1.4 12.7-1.4 19.1 0 25.8 7.7 50.6 22.2 71.7-8.8 8.7-19 15.6-30.2 20.6zM225.1 282c-27.6-9-50-29.8-61.3-56.7 1.8-.1 3.7-.2 5.5-.2 13.9 0 27.4 2.8 40.1 8.4 11.2 5 21.4 11.9 30.1 20.6-5.9 8.7-10.8 18-14.4 27.9zm30.9 94c-8.7-15.2-13.3-32.5-13.3-50.2 0-4.7.3-9.4 1-14.1a128.658 128.658 0 0024.8 0c.6 4.6 1 9.4 1 14.1-.2 17.7-4.8 35-13.5 50.2zm46.6-142.5c12.7-5.6 26.1-8.4 40.1-8.4 1.8 0 3.7.1 5.5.2-11.3 26.9-33.7 47.7-61.3 56.7-3.6-9.8-8.5-19.2-14.4-27.9 8.7-8.7 18.9-15.6 30.1-20.6zm40.1 193c-13.9 0-27.4-2.8-40.1-8.4-11.2-5-21.4-11.9-30.1-20.6 14.5-21.1 22.2-45.8 22.2-71.7 0-6.4-.5-12.8-1.4-19.1 18.3-5.7 35.2-15.7 49.2-29.1 13.8-13.3 24.5-29.6 31.2-47.6 19.1 6.3 36.2 18.4 48.5 34.6 13.5 17.7 20.6 38.9 20.6 61.2-.1 55.6-45 100.7-100.1 100.7z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-color-filter {
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%22M442%20248.9c-15.7-20.6-37.7-35.9-62.1-43.6%201-6.3%201.4-12.7%201.4-19.1%200-33.7-13-65.4-36.7-89.2C321%2073.1%20289.5%2060%20256%2060s-65%2013.1-88.6%2037c-23.7%2023.8-36.7%2055.5-36.7%2089.2%200%206.4.5%2012.8%201.4%2019.1-24.5%207.7-46.4%2023.1-62.1%2043.6-17%2022.2-26%2048.8-26%2076.9%200%2033.7%2013%2065.4%2036.7%2089.2%2023.7%2023.8%2055.2%2037%2088.6%2037%2032.6%200%2063.2-12.4%2086.7-35%2023.4%2022.6%2054.1%2035%2086.7%2035%2033.5%200%2065-13.1%2088.6-37%2023.7-23.8%2036.7-55.5%2036.7-89.2%200-28.1-9-54.7-26-76.9zM256%2085.5c55.1%200%20100%2045.2%20100%20100.7%200%204.7-.3%209.4-1%2014.1-4.1-.4-8.2-.6-12.4-.6-32.6%200-63.2%2012.4-86.7%2035-23.4-22.6-54.1-35-86.7-35-4.1%200-8.3.2-12.4.6-.6-4.6-1-9.4-1-14.1.2-55.6%2045.1-100.7%20100.2-100.7zm0%20201.4c-1.8%200-3.7-.1-5.5-.2%201.6-3.8%203.4-7.5%205.5-11.1%202.1%203.6%203.9%207.3%205.5%2011.1-1.8.2-3.7.2-5.5.2zm-46.6%20131.2c-12.7%205.6-26.1%208.4-40.1%208.4-55.1%200-100-45.2-100-100.7%200-22.3%207.1-43.5%2020.6-61.2%2012.3-16.1%2029.4-28.3%2048.5-34.6%206.6%2017.9%2017.3%2034.3%2031.2%2047.6%2013.9%2013.4%2030.9%2023.4%2049.2%2029.1-1%206.3-1.4%2012.7-1.4%2019.1%200%2025.8%207.7%2050.6%2022.2%2071.7-8.8%208.7-19%2015.6-30.2%2020.6zM225.1%20282c-27.6-9-50-29.8-61.3-56.7%201.8-.1%203.7-.2%205.5-.2%2013.9%200%2027.4%202.8%2040.1%208.4%2011.2%205%2021.4%2011.9%2030.1%2020.6-5.9%208.7-10.8%2018-14.4%2027.9zm30.9%2094c-8.7-15.2-13.3-32.5-13.3-50.2%200-4.7.3-9.4%201-14.1a128.658%20128.658%200%200024.8%200c.6%204.6%201%209.4%201%2014.1-.2%2017.7-4.8%2035-13.5%2050.2zm46.6-142.5c12.7-5.6%2026.1-8.4%2040.1-8.4%201.8%200%203.7.1%205.5.2-11.3%2026.9-33.7%2047.7-61.3%2056.7-3.6-9.8-8.5-19.2-14.4-27.9%208.7-8.7%2018.9-15.6%2030.1-20.6zm40.1%20193c-13.9%200-27.4-2.8-40.1-8.4-11.2-5-21.4-11.9-30.1-20.6%2014.5-21.1%2022.2-45.8%2022.2-71.7%200-6.4-.5-12.8-1.4-19.1%2018.3-5.7%2035.2-15.7%2049.2-29.1%2013.8-13.3%2024.5-29.6%2031.2-47.6%2019.1%206.3%2036.2%2018.4%2048.5%2034.6%2013.5%2017.7%2020.6%2038.9%2020.6%2061.2-.1%2055.6-45%20100.7-100.1%20100.7z%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%22M442%20248.9c-15.7-20.6-37.7-35.9-62.1-43.6%201-6.3%201.4-12.7%201.4-19.1%200-33.7-13-65.4-36.7-89.2C321%2073.1%20289.5%2060%20256%2060s-65%2013.1-88.6%2037c-23.7%2023.8-36.7%2055.5-36.7%2089.2%200%206.4.5%2012.8%201.4%2019.1-24.5%207.7-46.4%2023.1-62.1%2043.6-17%2022.2-26%2048.8-26%2076.9%200%2033.7%2013%2065.4%2036.7%2089.2%2023.7%2023.8%2055.2%2037%2088.6%2037%2032.6%200%2063.2-12.4%2086.7-35%2023.4%2022.6%2054.1%2035%2086.7%2035%2033.5%200%2065-13.1%2088.6-37%2023.7-23.8%2036.7-55.5%2036.7-89.2%200-28.1-9-54.7-26-76.9zM256%2085.5c55.1%200%20100%2045.2%20100%20100.7%200%204.7-.3%209.4-1%2014.1-4.1-.4-8.2-.6-12.4-.6-32.6%200-63.2%2012.4-86.7%2035-23.4-22.6-54.1-35-86.7-35-4.1%200-8.3.2-12.4.6-.6-4.6-1-9.4-1-14.1.2-55.6%2045.1-100.7%20100.2-100.7zm0%20201.4c-1.8%200-3.7-.1-5.5-.2%201.6-3.8%203.4-7.5%205.5-11.1%202.1%203.6%203.9%207.3%205.5%2011.1-1.8.2-3.7.2-5.5.2zm-46.6%20131.2c-12.7%205.6-26.1%208.4-40.1%208.4-55.1%200-100-45.2-100-100.7%200-22.3%207.1-43.5%2020.6-61.2%2012.3-16.1%2029.4-28.3%2048.5-34.6%206.6%2017.9%2017.3%2034.3%2031.2%2047.6%2013.9%2013.4%2030.9%2023.4%2049.2%2029.1-1%206.3-1.4%2012.7-1.4%2019.1%200%2025.8%207.7%2050.6%2022.2%2071.7-8.8%208.7-19%2015.6-30.2%2020.6zM225.1%20282c-27.6-9-50-29.8-61.3-56.7%201.8-.1%203.7-.2%205.5-.2%2013.9%200%2027.4%202.8%2040.1%208.4%2011.2%205%2021.4%2011.9%2030.1%2020.6-5.9%208.7-10.8%2018-14.4%2027.9zm30.9%2094c-8.7-15.2-13.3-32.5-13.3-50.2%200-4.7.3-9.4%201-14.1a128.658%20128.658%200%200024.8%200c.6%204.6%201%209.4%201%2014.1-.2%2017.7-4.8%2035-13.5%2050.2zm46.6-142.5c12.7-5.6%2026.1-8.4%2040.1-8.4%201.8%200%203.7.1%205.5.2-11.3%2026.9-33.7%2047.7-61.3%2056.7-3.6-9.8-8.5-19.2-14.4-27.9%208.7-8.7%2018.9-15.6%2030.1-20.6zm40.1%20193c-13.9%200-27.4-2.8-40.1-8.4-11.2-5-21.4-11.9-30.1-20.6%2014.5-21.1%2022.2-45.8%2022.2-71.7%200-6.4-.5-12.8-1.4-19.1%2018.3-5.7%2035.2-15.7%2049.2-29.1%2013.8-13.3%2024.5-29.6%2031.2-47.6%2019.1%206.3%2036.2%2018.4%2048.5%2034.6%2013.5%2017.7%2020.6%2038.9%2020.6%2061.2-.1%2055.6-45%20100.7-100.1%20100.7z%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-color-filter.svg?color=%231a73e8&size=48
