thumb down icon
thumb-down-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- thumb-down-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Related icons in MingCute Icon
Use the thumb down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 21.5c-.769 0-1.433-.392-1.868-.901c-.437-.513-.716-1.23-.625-1.998c.04-.343.03-.91-.05-1.547c-.08-.632-.218-1.248-.39-1.694c-.152-.394-.68-.36-1.067-.36c-1.108 0-2.028-.621-2.624-1.609C3.296 12.431 3 11.106 3 9.5c0-1.607.297-2.932.876-3.892C4.472 4.621 5.392 4 6.5 4q.173 0 .345.01c.357.022.71-.11.965-.361C8.87 2.606 10.349 2 11.904 2h2.013a7 7 0 0 1 6.905 5.85l.776 4.657A3 3 0 0 1 18.64 16h-4.647c-.011.491-.036 1.01-.093 1.508c-.075.652-.213 1.357-.504 1.94c-.6 1.2-1.54 2.052-2.895 2.052"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteThumbDownFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 21.5c-.769 0-1.433-.392-1.868-.901c-.437-.513-.716-1.23-.625-1.998c.04-.343.03-.91-.05-1.547c-.08-.632-.218-1.248-.39-1.694c-.152-.394-.68-.36-1.067-.36c-1.108 0-2.028-.621-2.624-1.609C3.296 12.431 3 11.106 3 9.5c0-1.607.297-2.932.876-3.892C4.472 4.621 5.392 4 6.5 4q.173 0 .345.01c.357.022.71-.11.965-.361C8.87 2.606 10.349 2 11.904 2h2.013a7 7 0 0 1 6.905 5.85l.776 4.657A3 3 0 0 1 18.64 16h-4.647c-.011.491-.036 1.01-.093 1.508c-.075.652-.213 1.357-.504 1.94c-.6 1.2-1.54 2.052-2.895 2.052"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5 21.5c-.769 0-1.433-.392-1.868-.901c-.437-.513-.716-1.23-.625-1.998c.04-.343.03-.91-.05-1.547c-.08-.632-.218-1.248-.39-1.694c-.152-.394-.68-.36-1.067-.36c-1.108 0-2.028-.621-2.624-1.609C3.296 12.431 3 11.106 3 9.5c0-1.607.297-2.932.876-3.892C4.472 4.621 5.392 4 6.5 4q.173 0 .345.01c.357.022.71-.11.965-.361C8.87 2.606 10.349 2 11.904 2h2.013a7 7 0 0 1 6.905 5.85l.776 4.657A3 3 0 0 1 18.64 16h-4.647c-.011.491-.036 1.01-.093 1.508c-.075.652-.213 1.357-.504 1.94c-.6 1.2-1.54 2.052-2.895 2.052"/></svg> </template>
CSS
.icon-thumb-down-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.5%2021.5c-.769%200-1.433-.392-1.868-.901c-.437-.513-.716-1.23-.625-1.998c.04-.343.03-.91-.05-1.547c-.08-.632-.218-1.248-.39-1.694c-.152-.394-.68-.36-1.067-.36c-1.108%200-2.028-.621-2.624-1.609C3.296%2012.431%203%2011.106%203%209.5c0-1.607.297-2.932.876-3.892C4.472%204.621%205.392%204%206.5%204q.173%200%20.345.01c.357.022.71-.11.965-.361C8.87%202.606%2010.349%202%2011.904%202h2.013a7%207%200%200%201%206.905%205.85l.776%204.657A3%203%200%200%201%2018.64%2016h-4.647c-.011.491-.036%201.01-.093%201.508c-.075.652-.213%201.357-.504%201.94c-.6%201.2-1.54%202.052-2.895%202.052%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.5%2021.5c-.769%200-1.433-.392-1.868-.901c-.437-.513-.716-1.23-.625-1.998c.04-.343.03-.91-.05-1.547c-.08-.632-.218-1.248-.39-1.694c-.152-.394-.68-.36-1.067-.36c-1.108%200-2.028-.621-2.624-1.609C3.296%2012.431%203%2011.106%203%209.5c0-1.607.297-2.932.876-3.892C4.472%204.621%205.392%204%206.5%204q.173%200%20.345.01c.357.022.71-.11.965-.361C8.87%202.606%2010.349%202%2011.904%202h2.013a7%207%200%200%201%206.905%205.85l.776%204.657A3%203%200%200%201%2018.64%2016h-4.647c-.011.491-.036%201.01-.093%201.508c-.075.652-.213%201.357-.504%201.94c-.6%201.2-1.54%202.052-2.895%202.052%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/thumb-down-fill.svg?color=%231a73e8&size=48
