hand thumbsdown icon
hand-thumbsdown-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- hand-thumbsdown-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the hand thumbsdown icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.039 4.234c-1.828.446-3.656 1.618-3.656 3.868c0 .914.234 1.57.562 2.085c.164.305.14.54-.117.657c-1.477.656-2.719 1.992-2.719 3.867c0 1.078.282 2.016.82 2.695c.282.352.212.657-.21.89c-1.078.61-1.805 1.97-1.805 3.517c0 1.101.352 2.273 1.008 2.859c.351.328.304.562-.117.89c-.75.586-1.172 1.711-1.172 3.047c0 2.297 1.758 4.172 4.101 4.172h8.367c2.11 0 3.54 1.078 3.54 2.836c0 3.211-3.985 9.024-3.985 13.242c0 2.18 1.43 3.47 3.281 3.47c1.688 0 2.532-1.173 3.446-2.954c3.492-6.89 8.226-12.422 11.836-17.203c3.047-4.055 4.523-7.5 4.593-13.102c.118-8.672-6.867-15.257-17.906-15.328l-3.234-.047c-3.094-.023-5.32.211-6.633.54m39.328 14.649c0-7.031-4.383-12.914-10.266-12.914H36.93c4.218 3.117 6.187 7.804 6.093 13.148c-.093 5.953-2.414 10.196-4.476 12.774h3.445c5.297 0 9.375-5.696 9.375-13.008"/></svg>
React
import type { SVGProps } from "react";
export function F7HandThumbsdownFill(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="M12.039 4.234c-1.828.446-3.656 1.618-3.656 3.868c0 .914.234 1.57.562 2.085c.164.305.14.54-.117.657c-1.477.656-2.719 1.992-2.719 3.867c0 1.078.282 2.016.82 2.695c.282.352.212.657-.21.89c-1.078.61-1.805 1.97-1.805 3.517c0 1.101.352 2.273 1.008 2.859c.351.328.304.562-.117.89c-.75.586-1.172 1.711-1.172 3.047c0 2.297 1.758 4.172 4.101 4.172h8.367c2.11 0 3.54 1.078 3.54 2.836c0 3.211-3.985 9.024-3.985 13.242c0 2.18 1.43 3.47 3.281 3.47c1.688 0 2.532-1.173 3.446-2.954c3.492-6.89 8.226-12.422 11.836-17.203c3.047-4.055 4.523-7.5 4.593-13.102c.118-8.672-6.867-15.257-17.906-15.328l-3.234-.047c-3.094-.023-5.32.211-6.633.54m39.328 14.649c0-7.031-4.383-12.914-10.266-12.914H36.93c4.218 3.117 6.187 7.804 6.093 13.148c-.093 5.953-2.414 10.196-4.476 12.774h3.445c5.297 0 9.375-5.696 9.375-13.008"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.039 4.234c-1.828.446-3.656 1.618-3.656 3.868c0 .914.234 1.57.562 2.085c.164.305.14.54-.117.657c-1.477.656-2.719 1.992-2.719 3.867c0 1.078.282 2.016.82 2.695c.282.352.212.657-.21.89c-1.078.61-1.805 1.97-1.805 3.517c0 1.101.352 2.273 1.008 2.859c.351.328.304.562-.117.89c-.75.586-1.172 1.711-1.172 3.047c0 2.297 1.758 4.172 4.101 4.172h8.367c2.11 0 3.54 1.078 3.54 2.836c0 3.211-3.985 9.024-3.985 13.242c0 2.18 1.43 3.47 3.281 3.47c1.688 0 2.532-1.173 3.446-2.954c3.492-6.89 8.226-12.422 11.836-17.203c3.047-4.055 4.523-7.5 4.593-13.102c.118-8.672-6.867-15.257-17.906-15.328l-3.234-.047c-3.094-.023-5.32.211-6.633.54m39.328 14.649c0-7.031-4.383-12.914-10.266-12.914H36.93c4.218 3.117 6.187 7.804 6.093 13.148c-.093 5.953-2.414 10.196-4.476 12.774h3.445c5.297 0 9.375-5.696 9.375-13.008"/></svg> </template>
CSS
.icon-hand-thumbsdown-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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.039%204.234c-1.828.446-3.656%201.618-3.656%203.868c0%20.914.234%201.57.562%202.085c.164.305.14.54-.117.657c-1.477.656-2.719%201.992-2.719%203.867c0%201.078.282%202.016.82%202.695c.282.352.212.657-.21.89c-1.078.61-1.805%201.97-1.805%203.517c0%201.101.352%202.273%201.008%202.859c.351.328.304.562-.117.89c-.75.586-1.172%201.711-1.172%203.047c0%202.297%201.758%204.172%204.101%204.172h8.367c2.11%200%203.54%201.078%203.54%202.836c0%203.211-3.985%209.024-3.985%2013.242c0%202.18%201.43%203.47%203.281%203.47c1.688%200%202.532-1.173%203.446-2.954c3.492-6.89%208.226-12.422%2011.836-17.203c3.047-4.055%204.523-7.5%204.593-13.102c.118-8.672-6.867-15.257-17.906-15.328l-3.234-.047c-3.094-.023-5.32.211-6.633.54m39.328%2014.649c0-7.031-4.383-12.914-10.266-12.914H36.93c4.218%203.117%206.187%207.804%206.093%2013.148c-.093%205.953-2.414%2010.196-4.476%2012.774h3.445c5.297%200%209.375-5.696%209.375-13.008%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%22M12.039%204.234c-1.828.446-3.656%201.618-3.656%203.868c0%20.914.234%201.57.562%202.085c.164.305.14.54-.117.657c-1.477.656-2.719%201.992-2.719%203.867c0%201.078.282%202.016.82%202.695c.282.352.212.657-.21.89c-1.078.61-1.805%201.97-1.805%203.517c0%201.101.352%202.273%201.008%202.859c.351.328.304.562-.117.89c-.75.586-1.172%201.711-1.172%203.047c0%202.297%201.758%204.172%204.101%204.172h8.367c2.11%200%203.54%201.078%203.54%202.836c0%203.211-3.985%209.024-3.985%2013.242c0%202.18%201.43%203.47%203.281%203.47c1.688%200%202.532-1.173%203.446-2.954c3.492-6.89%208.226-12.422%2011.836-17.203c3.047-4.055%204.523-7.5%204.593-13.102c.118-8.672-6.867-15.257-17.906-15.328l-3.234-.047c-3.094-.023-5.32.211-6.633.54m39.328%2014.649c0-7.031-4.383-12.914-10.266-12.914H36.93c4.218%203.117%206.187%207.804%206.093%2013.148c-.093%205.953-2.414%2010.196-4.476%2012.774h3.445c5.297%200%209.375-5.696%209.375-13.008%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/hand-thumbsdown-fill.svg?color=%231a73e8&size=48
