thumbs down icon
thumbs-down from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- thumbs-down
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
thumbs-downAkar Iconsthumbs-downCarbonthumbs-downEmoji One (Colored)thumbs-downFont Awesome 6 Regularthumbs-downFont Awesome 6 Solidthumbs-downFont Awesome Regularthumbs-downFont Awesome Solidthumbs-downFeather Iconsthumbs-down-outlineFlowbite Iconsthumbs-downFluent Emojithumbs-downFluent Emoji Flatthumbs-downFluent Emoji High Contrastthumbs-downHuge Iconsthumbs-downIconParkthumbs-downIconPark Outlinethumbs-downIconPark Solidthumbs-downIconPark TwoTonethumbs-downIconoirthumbs-downLine Awesomethumbs-downMaterial Line Iconsthumbs-downLucidethumbs-downMage Iconsthumbs-downNoto Emojithumbs-downOpenMoji
Related icons in IonIcons
Use the thumbs down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m39.94 178l144.16 6.12c4.61.36 23.9 1.22 23.9 25.88c0 23.8-19.16 25.33-24.14 25.88L39.94 242C27.27 241.87 16 227.56 16 210s11.27-31.87 23.94-32m141.45 131.66L74.65 318C62 318 48 301.31 48 284.12v-.33c0-16.33 11.14-29.63 24.88-29.79l108.45 1.72C208 259 208 275.16 208 282.12c0 22.88-21.8 27.14-26.61 27.54M90.15 32l89.37 8.93C204 41.86 208 58.18 208 68.4c0 18.39-13.41 24.6-26.67 24.6l-91 3C75.78 95.78 64 81.51 64 64s11.68-31.66 26.15-32m-34.36 71.5l126.4 6.22c9.39.63 25.81 3 25.81 26.36c0 12-4.35 25.62-25 27.53L55.79 167.5C42.65 167.35 32 154 32 136.08s10.65-32.43 23.79-32.58"/><path fill="none" d="M378.45 273.93A15.84 15.84 0 0 1 386 272a15.9 15.9 0 0 0-7.51 1.91Zm-40.59 69.29l-.13.22a3 3 0 0 1 .13-.22c20.5-35.51 30.36-55 33.82-62c-3.47 7.06-13.34 26.51-33.82 62"/><path fill="currentColor" d="m372.66 279.16l-1 2a16.3 16.3 0 0 1 6.77-7.26a16.5 16.5 0 0 0-5.77 5.26"/><path fill="currentColor" d="M195.94 459.38C205.37 472.67 221 480 240 480a16 16 0 0 0 14.31-8.85c3-6.06 15.25-24 28.19-42.9c18-26.33 40.35-59.08 55.23-84.81l.13-.22c20.48-35.49 30.35-54.94 33.82-62l1-2a16.5 16.5 0 0 1 5.79-5.23A15.9 15.9 0 0 1 386 272h25.32A84.7 84.7 0 0 0 496 187.3v-38.6A84.7 84.7 0 0 0 411.31 64h-48.79a17.46 17.46 0 0 1-9.58-2.89C330 46.13 286.66 32 240 32c-7.45 0-14.19.14-20.27.38a8 8 0 0 0-6.2 12.68l.1.14C222.2 57.59 224 71 224 80a61.2 61.2 0 0 1-5.19 24.77a17.38 17.38 0 0 0 0 14.06a63.8 63.8 0 0 1 0 50.39a17.32 17.32 0 0 0 0 14a62.13 62.13 0 0 1 0 49.58a18.13 18.13 0 0 0 0 14.68A60.4 60.4 0 0 1 224 273c0 8.2-2 21.3-8 31.18a15.66 15.66 0 0 0-1.14 13.65c.38 1 .76 2.06 1.13 3.17a24.8 24.8 0 0 1 .86 11.57c-3 19.35-9.67 36.3-16.74 54.16c-3.08 7.78-6.27 15.82-9.22 24.27c-6.14 17.56-4.3 35.2 5.05 48.38"/></svg>
React
import type { SVGProps } from "react";
export function IonThumbsDown(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m39.94 178l144.16 6.12c4.61.36 23.9 1.22 23.9 25.88c0 23.8-19.16 25.33-24.14 25.88L39.94 242C27.27 241.87 16 227.56 16 210s11.27-31.87 23.94-32m141.45 131.66L74.65 318C62 318 48 301.31 48 284.12v-.33c0-16.33 11.14-29.63 24.88-29.79l108.45 1.72C208 259 208 275.16 208 282.12c0 22.88-21.8 27.14-26.61 27.54M90.15 32l89.37 8.93C204 41.86 208 58.18 208 68.4c0 18.39-13.41 24.6-26.67 24.6l-91 3C75.78 95.78 64 81.51 64 64s11.68-31.66 26.15-32m-34.36 71.5l126.4 6.22c9.39.63 25.81 3 25.81 26.36c0 12-4.35 25.62-25 27.53L55.79 167.5C42.65 167.35 32 154 32 136.08s10.65-32.43 23.79-32.58"/><path fill="none" d="M378.45 273.93A15.84 15.84 0 0 1 386 272a15.9 15.9 0 0 0-7.51 1.91Zm-40.59 69.29l-.13.22a3 3 0 0 1 .13-.22c20.5-35.51 30.36-55 33.82-62c-3.47 7.06-13.34 26.51-33.82 62"/><path fill="currentColor" d="m372.66 279.16l-1 2a16.3 16.3 0 0 1 6.77-7.26a16.5 16.5 0 0 0-5.77 5.26"/><path fill="currentColor" d="M195.94 459.38C205.37 472.67 221 480 240 480a16 16 0 0 0 14.31-8.85c3-6.06 15.25-24 28.19-42.9c18-26.33 40.35-59.08 55.23-84.81l.13-.22c20.48-35.49 30.35-54.94 33.82-62l1-2a16.5 16.5 0 0 1 5.79-5.23A15.9 15.9 0 0 1 386 272h25.32A84.7 84.7 0 0 0 496 187.3v-38.6A84.7 84.7 0 0 0 411.31 64h-48.79a17.46 17.46 0 0 1-9.58-2.89C330 46.13 286.66 32 240 32c-7.45 0-14.19.14-20.27.38a8 8 0 0 0-6.2 12.68l.1.14C222.2 57.59 224 71 224 80a61.2 61.2 0 0 1-5.19 24.77a17.38 17.38 0 0 0 0 14.06a63.8 63.8 0 0 1 0 50.39a17.32 17.32 0 0 0 0 14a62.13 62.13 0 0 1 0 49.58a18.13 18.13 0 0 0 0 14.68A60.4 60.4 0 0 1 224 273c0 8.2-2 21.3-8 31.18a15.66 15.66 0 0 0-1.14 13.65c.38 1 .76 2.06 1.13 3.17a24.8 24.8 0 0 1 .86 11.57c-3 19.35-9.67 36.3-16.74 54.16c-3.08 7.78-6.27 15.82-9.22 24.27c-6.14 17.56-4.3 35.2 5.05 48.38"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m39.94 178l144.16 6.12c4.61.36 23.9 1.22 23.9 25.88c0 23.8-19.16 25.33-24.14 25.88L39.94 242C27.27 241.87 16 227.56 16 210s11.27-31.87 23.94-32m141.45 131.66L74.65 318C62 318 48 301.31 48 284.12v-.33c0-16.33 11.14-29.63 24.88-29.79l108.45 1.72C208 259 208 275.16 208 282.12c0 22.88-21.8 27.14-26.61 27.54M90.15 32l89.37 8.93C204 41.86 208 58.18 208 68.4c0 18.39-13.41 24.6-26.67 24.6l-91 3C75.78 95.78 64 81.51 64 64s11.68-31.66 26.15-32m-34.36 71.5l126.4 6.22c9.39.63 25.81 3 25.81 26.36c0 12-4.35 25.62-25 27.53L55.79 167.5C42.65 167.35 32 154 32 136.08s10.65-32.43 23.79-32.58"/><path fill="none" d="M378.45 273.93A15.84 15.84 0 0 1 386 272a15.9 15.9 0 0 0-7.51 1.91Zm-40.59 69.29l-.13.22a3 3 0 0 1 .13-.22c20.5-35.51 30.36-55 33.82-62c-3.47 7.06-13.34 26.51-33.82 62"/><path fill="currentColor" d="m372.66 279.16l-1 2a16.3 16.3 0 0 1 6.77-7.26a16.5 16.5 0 0 0-5.77 5.26"/><path fill="currentColor" d="M195.94 459.38C205.37 472.67 221 480 240 480a16 16 0 0 0 14.31-8.85c3-6.06 15.25-24 28.19-42.9c18-26.33 40.35-59.08 55.23-84.81l.13-.22c20.48-35.49 30.35-54.94 33.82-62l1-2a16.5 16.5 0 0 1 5.79-5.23A15.9 15.9 0 0 1 386 272h25.32A84.7 84.7 0 0 0 496 187.3v-38.6A84.7 84.7 0 0 0 411.31 64h-48.79a17.46 17.46 0 0 1-9.58-2.89C330 46.13 286.66 32 240 32c-7.45 0-14.19.14-20.27.38a8 8 0 0 0-6.2 12.68l.1.14C222.2 57.59 224 71 224 80a61.2 61.2 0 0 1-5.19 24.77a17.38 17.38 0 0 0 0 14.06a63.8 63.8 0 0 1 0 50.39a17.32 17.32 0 0 0 0 14a62.13 62.13 0 0 1 0 49.58a18.13 18.13 0 0 0 0 14.68A60.4 60.4 0 0 1 224 273c0 8.2-2 21.3-8 31.18a15.66 15.66 0 0 0-1.14 13.65c.38 1 .76 2.06 1.13 3.17a24.8 24.8 0 0 1 .86 11.57c-3 19.35-9.67 36.3-16.74 54.16c-3.08 7.78-6.27 15.82-9.22 24.27c-6.14 17.56-4.3 35.2 5.05 48.38"/></svg> </template>
CSS
.icon-thumbs-down {
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%20fill%3D%22currentColor%22%20d%3D%22m39.94%20178l144.16%206.12c4.61.36%2023.9%201.22%2023.9%2025.88c0%2023.8-19.16%2025.33-24.14%2025.88L39.94%20242C27.27%20241.87%2016%20227.56%2016%20210s11.27-31.87%2023.94-32m141.45%20131.66L74.65%20318C62%20318%2048%20301.31%2048%20284.12v-.33c0-16.33%2011.14-29.63%2024.88-29.79l108.45%201.72C208%20259%20208%20275.16%20208%20282.12c0%2022.88-21.8%2027.14-26.61%2027.54M90.15%2032l89.37%208.93C204%2041.86%20208%2058.18%20208%2068.4c0%2018.39-13.41%2024.6-26.67%2024.6l-91%203C75.78%2095.78%2064%2081.51%2064%2064s11.68-31.66%2026.15-32m-34.36%2071.5l126.4%206.22c9.39.63%2025.81%203%2025.81%2026.36c0%2012-4.35%2025.62-25%2027.53L55.79%20167.5C42.65%20167.35%2032%20154%2032%20136.08s10.65-32.43%2023.79-32.58%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M378.45%20273.93A15.84%2015.84%200%200%201%20386%20272a15.9%2015.9%200%200%200-7.51%201.91Zm-40.59%2069.29l-.13.22a3%203%200%200%201%20.13-.22c20.5-35.51%2030.36-55%2033.82-62c-3.47%207.06-13.34%2026.51-33.82%2062%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m372.66%20279.16l-1%202a16.3%2016.3%200%200%201%206.77-7.26a16.5%2016.5%200%200%200-5.77%205.26%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M195.94%20459.38C205.37%20472.67%20221%20480%20240%20480a16%2016%200%200%200%2014.31-8.85c3-6.06%2015.25-24%2028.19-42.9c18-26.33%2040.35-59.08%2055.23-84.81l.13-.22c20.48-35.49%2030.35-54.94%2033.82-62l1-2a16.5%2016.5%200%200%201%205.79-5.23A15.9%2015.9%200%200%201%20386%20272h25.32A84.7%2084.7%200%200%200%20496%20187.3v-38.6A84.7%2084.7%200%200%200%20411.31%2064h-48.79a17.46%2017.46%200%200%201-9.58-2.89C330%2046.13%20286.66%2032%20240%2032c-7.45%200-14.19.14-20.27.38a8%208%200%200%200-6.2%2012.68l.1.14C222.2%2057.59%20224%2071%20224%2080a61.2%2061.2%200%200%201-5.19%2024.77a17.38%2017.38%200%200%200%200%2014.06a63.8%2063.8%200%200%201%200%2050.39a17.32%2017.32%200%200%200%200%2014a62.13%2062.13%200%200%201%200%2049.58a18.13%2018.13%200%200%200%200%2014.68A60.4%2060.4%200%200%201%20224%20273c0%208.2-2%2021.3-8%2031.18a15.66%2015.66%200%200%200-1.14%2013.65c.38%201%20.76%202.06%201.13%203.17a24.8%2024.8%200%200%201%20.86%2011.57c-3%2019.35-9.67%2036.3-16.74%2054.16c-3.08%207.78-6.27%2015.82-9.22%2024.27c-6.14%2017.56-4.3%2035.2%205.05%2048.38%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%20fill%3D%22currentColor%22%20d%3D%22m39.94%20178l144.16%206.12c4.61.36%2023.9%201.22%2023.9%2025.88c0%2023.8-19.16%2025.33-24.14%2025.88L39.94%20242C27.27%20241.87%2016%20227.56%2016%20210s11.27-31.87%2023.94-32m141.45%20131.66L74.65%20318C62%20318%2048%20301.31%2048%20284.12v-.33c0-16.33%2011.14-29.63%2024.88-29.79l108.45%201.72C208%20259%20208%20275.16%20208%20282.12c0%2022.88-21.8%2027.14-26.61%2027.54M90.15%2032l89.37%208.93C204%2041.86%20208%2058.18%20208%2068.4c0%2018.39-13.41%2024.6-26.67%2024.6l-91%203C75.78%2095.78%2064%2081.51%2064%2064s11.68-31.66%2026.15-32m-34.36%2071.5l126.4%206.22c9.39.63%2025.81%203%2025.81%2026.36c0%2012-4.35%2025.62-25%2027.53L55.79%20167.5C42.65%20167.35%2032%20154%2032%20136.08s10.65-32.43%2023.79-32.58%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M378.45%20273.93A15.84%2015.84%200%200%201%20386%20272a15.9%2015.9%200%200%200-7.51%201.91Zm-40.59%2069.29l-.13.22a3%203%200%200%201%20.13-.22c20.5-35.51%2030.36-55%2033.82-62c-3.47%207.06-13.34%2026.51-33.82%2062%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m372.66%20279.16l-1%202a16.3%2016.3%200%200%201%206.77-7.26a16.5%2016.5%200%200%200-5.77%205.26%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M195.94%20459.38C205.37%20472.67%20221%20480%20240%20480a16%2016%200%200%200%2014.31-8.85c3-6.06%2015.25-24%2028.19-42.9c18-26.33%2040.35-59.08%2055.23-84.81l.13-.22c20.48-35.49%2030.35-54.94%2033.82-62l1-2a16.5%2016.5%200%200%201%205.79-5.23A15.9%2015.9%200%200%201%20386%20272h25.32A84.7%2084.7%200%200%200%20496%20187.3v-38.6A84.7%2084.7%200%200%200%20411.31%2064h-48.79a17.46%2017.46%200%200%201-9.58-2.89C330%2046.13%20286.66%2032%20240%2032c-7.45%200-14.19.14-20.27.38a8%208%200%200%200-6.2%2012.68l.1.14C222.2%2057.59%20224%2071%20224%2080a61.2%2061.2%200%200%201-5.19%2024.77a17.38%2017.38%200%200%200%200%2014.06a63.8%2063.8%200%200%201%200%2050.39a17.32%2017.32%200%200%200%200%2014a62.13%2062.13%200%200%201%200%2049.58a18.13%2018.13%200%200%200%200%2014.68A60.4%2060.4%200%200%201%20224%20273c0%208.2-2%2021.3-8%2031.18a15.66%2015.66%200%200%200-1.14%2013.65c.38%201%20.76%202.06%201.13%203.17a24.8%2024.8%200%200%201%20.86%2011.57c-3%2019.35-9.67%2036.3-16.74%2054.16c-3.08%207.78-6.27%2015.82-9.22%2024.27c-6.14%2017.56-4.3%2035.2%205.05%2048.38%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/thumbs-down.svg?color=%231a73e8&size=48
