hand thumbs up icon
hand-thumbs-up-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.
- Name
- hand-thumbs-up-fill
- Set
- Bootstrap Icons
- Style
- Fill
- Viewbox
- 16×16
- License
- MIT
1 other variant in Bootstrap Icons
Related icons in Bootstrap Icons
Use the hand thumbs up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965c.22.816.533 2.511.062 4.51a10 10 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21c.518.173.994.681 1.2 1.273c.184.532.16 1.162-.234 1.733q.086.18.138.363c.077.27.113.567.113.856s-.036.586-.113.856c-.039.135-.09.273-.16.404c.169.387.107.819-.003 1.148a3.2 3.2 0 0 1-.488.901c.054.152.076.312.076.465c0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.8 4.8 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615c.849-.232 1.574-.787 2.132-1.41c.56-.627.914-1.28 1.039-1.639c.199-.575.356-1.539.428-2.59z"/></svg>
React
import type { SVGProps } from "react";
export function BiHandThumbsUpFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965c.22.816.533 2.511.062 4.51a10 10 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21c.518.173.994.681 1.2 1.273c.184.532.16 1.162-.234 1.733q.086.18.138.363c.077.27.113.567.113.856s-.036.586-.113.856c-.039.135-.09.273-.16.404c.169.387.107.819-.003 1.148a3.2 3.2 0 0 1-.488.901c.054.152.076.312.076.465c0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.8 4.8 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615c.849-.232 1.574-.787 2.132-1.41c.56-.627.914-1.28 1.039-1.639c.199-.575.356-1.539.428-2.59z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965c.22.816.533 2.511.062 4.51a10 10 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21c.518.173.994.681 1.2 1.273c.184.532.16 1.162-.234 1.733q.086.18.138.363c.077.27.113.567.113.856s-.036.586-.113.856c-.039.135-.09.273-.16.404c.169.387.107.819-.003 1.148a3.2 3.2 0 0 1-.488.901c.054.152.076.312.076.465c0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.8 4.8 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615c.849-.232 1.574-.787 2.132-1.41c.56-.627.914-1.28 1.039-1.639c.199-.575.356-1.539.428-2.59z"/></svg> </template>
CSS
.icon-hand-thumbs-up-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.956%201.745C7.021.81%207.908.087%208.864.325l.261.066c.463.116.874.456%201.012.965c.22.816.533%202.511.062%204.51a10%2010%200%200%201%20.443-.051c.713-.065%201.669-.072%202.516.21c.518.173.994.681%201.2%201.273c.184.532.16%201.162-.234%201.733q.086.18.138.363c.077.27.113.567.113.856s-.036.586-.113.856c-.039.135-.09.273-.16.404c.169.387.107.819-.003%201.148a3.2%203.2%200%200%201-.488.901c.054.152.076.312.076.465c0%20.305-.089.625-.253.912C13.1%2015.522%2012.437%2016%2011.5%2016H8c-.605%200-1.07-.081-1.466-.218a4.8%204.8%200%200%201-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682%2014.464%202%2013.846%202%2013V9c0-.85.685-1.432%201.357-1.615c.849-.232%201.574-.787%202.132-1.41c.56-.627.914-1.28%201.039-1.639c.199-.575.356-1.539.428-2.59z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.956%201.745C7.021.81%207.908.087%208.864.325l.261.066c.463.116.874.456%201.012.965c.22.816.533%202.511.062%204.51a10%2010%200%200%201%20.443-.051c.713-.065%201.669-.072%202.516.21c.518.173.994.681%201.2%201.273c.184.532.16%201.162-.234%201.733q.086.18.138.363c.077.27.113.567.113.856s-.036.586-.113.856c-.039.135-.09.273-.16.404c.169.387.107.819-.003%201.148a3.2%203.2%200%200%201-.488.901c.054.152.076.312.076.465c0%20.305-.089.625-.253.912C13.1%2015.522%2012.437%2016%2011.5%2016H8c-.605%200-1.07-.081-1.466-.218a4.8%204.8%200%200%201-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682%2014.464%202%2013.846%202%2013V9c0-.85.685-1.432%201.357-1.615c.849-.232%201.574-.787%202.132-1.41c.56-.627.914-1.28%201.039-1.639c.199-.575.356-1.539.428-2.59z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/hand-thumbs-up-fill.svg?color=%231a73e8&size=48
