thumbs up icon
thumbs-up from Font Awesome Regular by Dave Gandy · Regular · Hands · CC-BY-4.0 Attribution required.
- Name
- thumbs-up
- Set
- Font Awesome Regular
- Style
- Regular
- Category
- Hands
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
thumbs-upAkar Iconsthumbs-upCarbonthumbs-upEmoji One (Colored)thumbs-upFont Awesome 6 Regularthumbs-upFont Awesome 6 Solidthumbs-upFont Awesome Solidthumbs-upFeather Iconsthumbs-up-outlineFlowbite Iconsthumbs-upFluent Emojithumbs-upFluent Emoji Flatthumbs-upFluent Emoji High Contrastthumbs-upHuge Iconsthumbs-upIconParkthumbs-upIconPark Outlinethumbs-upIconPark Solidthumbs-upIconPark TwoTonethumbs-upIconoirthumbs-upIonIconsthumbs-upLine Awesomethumbs-upMaterial Line Iconsthumbs-upLucidethumbs-upMage Iconsthumbs-upNoto Emojithumbs-upOpenMoji
More hands icons from Font Awesome Regular
Use the thumbs up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M235.5 102.8C256.3 68 300.5 54 338 71.6l7.2 3.8C380 96.3 394 140.5 376.4 178l-14.1 30H472l7.4.4c36.3 3.7 64.6 34.4 64.6 71.6c0 13.2-3.6 25.4-9.8 36c6.1 10.6 9.7 22.8 9.8 36c0 18.3-6.9 34.8-18 47.5c1.3 5.3 2 10.8 2 16.5c0 25.1-12.9 47-32.2 59.9c-1.9 35.5-29.4 64.2-64.4 67.7l-7.4.4H319.9c-18 0-35.9-3.4-52.6-9.9l-7.1-3l-.7-.3l-6.6-3.2l-.7-.3l-12.2-6.5c-12.3-6.5-23.3-14.7-32.9-24.1c-4.1 26.9-27.3 47.4-55.3 47.4h-32c-30.9 0-56-25.1-56-56L64 264c0-30.9 25.1-56 56-56h32c10.8 0 20.9 3.1 29.5 8.5L231.6 110l.6-1.2l2.7-5l.6-.9zM120 256c-4.4 0-8 3.6-8 8v224c0 4.4 3.6 8 8 8h32c4.4 0 8-3.6 8-8V264c0-4.4-3.6-8-8-8zm197.6-141c-14.8-6.9-32.3-1.6-40.7 12l-2.2 4l-56.8 120.9c-3.5 7.5-5.5 15.5-6 23.7l-.1 4.2v112.9l.2 7.9c2.4 32.7 21.4 62.1 50.7 77.7l11.5 6.1l6.3 3.1c12.4 5.6 25.8 8.5 39.4 8.5H424l2.4-.1c12.1-1.2 21.6-11.5 21.6-23.9l-.2-2.6c-.1-.9-.2-1.7-.4-2.6c-2.7-12.1 4.3-24.2 16-28c9.7-3.1 16.6-12.2 16.6-22.8c0-4.3-1.1-8.2-3.1-11.8c-6.3-11.1-2.8-25.2 8-32c6.8-4.3 11.2-11.8 11.2-20.2c0-7.1-3.1-13.5-8.2-18c-5.2-4.6-8.2-11.1-8.2-18s3-13.4 8.2-18c5.1-4.5 8.2-10.9 8.2-18l-.1-2.4c-1.1-11.3-10.1-20.3-21.4-21.4l-2.4-.1H324.7c-8.2 0-15.8-4.2-20.2-11.1s-5-15.7-1.5-23.1l30-64.3c7-15 1.4-32.7-12.5-41z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7RegularThumbsUp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M235.5 102.8C256.3 68 300.5 54 338 71.6l7.2 3.8C380 96.3 394 140.5 376.4 178l-14.1 30H472l7.4.4c36.3 3.7 64.6 34.4 64.6 71.6c0 13.2-3.6 25.4-9.8 36c6.1 10.6 9.7 22.8 9.8 36c0 18.3-6.9 34.8-18 47.5c1.3 5.3 2 10.8 2 16.5c0 25.1-12.9 47-32.2 59.9c-1.9 35.5-29.4 64.2-64.4 67.7l-7.4.4H319.9c-18 0-35.9-3.4-52.6-9.9l-7.1-3l-.7-.3l-6.6-3.2l-.7-.3l-12.2-6.5c-12.3-6.5-23.3-14.7-32.9-24.1c-4.1 26.9-27.3 47.4-55.3 47.4h-32c-30.9 0-56-25.1-56-56L64 264c0-30.9 25.1-56 56-56h32c10.8 0 20.9 3.1 29.5 8.5L231.6 110l.6-1.2l2.7-5l.6-.9zM120 256c-4.4 0-8 3.6-8 8v224c0 4.4 3.6 8 8 8h32c4.4 0 8-3.6 8-8V264c0-4.4-3.6-8-8-8zm197.6-141c-14.8-6.9-32.3-1.6-40.7 12l-2.2 4l-56.8 120.9c-3.5 7.5-5.5 15.5-6 23.7l-.1 4.2v112.9l.2 7.9c2.4 32.7 21.4 62.1 50.7 77.7l11.5 6.1l6.3 3.1c12.4 5.6 25.8 8.5 39.4 8.5H424l2.4-.1c12.1-1.2 21.6-11.5 21.6-23.9l-.2-2.6c-.1-.9-.2-1.7-.4-2.6c-2.7-12.1 4.3-24.2 16-28c9.7-3.1 16.6-12.2 16.6-22.8c0-4.3-1.1-8.2-3.1-11.8c-6.3-11.1-2.8-25.2 8-32c6.8-4.3 11.2-11.8 11.2-20.2c0-7.1-3.1-13.5-8.2-18c-5.2-4.6-8.2-11.1-8.2-18s3-13.4 8.2-18c5.1-4.5 8.2-10.9 8.2-18l-.1-2.4c-1.1-11.3-10.1-20.3-21.4-21.4l-2.4-.1H324.7c-8.2 0-15.8-4.2-20.2-11.1s-5-15.7-1.5-23.1l30-64.3c7-15 1.4-32.7-12.5-41z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M235.5 102.8C256.3 68 300.5 54 338 71.6l7.2 3.8C380 96.3 394 140.5 376.4 178l-14.1 30H472l7.4.4c36.3 3.7 64.6 34.4 64.6 71.6c0 13.2-3.6 25.4-9.8 36c6.1 10.6 9.7 22.8 9.8 36c0 18.3-6.9 34.8-18 47.5c1.3 5.3 2 10.8 2 16.5c0 25.1-12.9 47-32.2 59.9c-1.9 35.5-29.4 64.2-64.4 67.7l-7.4.4H319.9c-18 0-35.9-3.4-52.6-9.9l-7.1-3l-.7-.3l-6.6-3.2l-.7-.3l-12.2-6.5c-12.3-6.5-23.3-14.7-32.9-24.1c-4.1 26.9-27.3 47.4-55.3 47.4h-32c-30.9 0-56-25.1-56-56L64 264c0-30.9 25.1-56 56-56h32c10.8 0 20.9 3.1 29.5 8.5L231.6 110l.6-1.2l2.7-5l.6-.9zM120 256c-4.4 0-8 3.6-8 8v224c0 4.4 3.6 8 8 8h32c4.4 0 8-3.6 8-8V264c0-4.4-3.6-8-8-8zm197.6-141c-14.8-6.9-32.3-1.6-40.7 12l-2.2 4l-56.8 120.9c-3.5 7.5-5.5 15.5-6 23.7l-.1 4.2v112.9l.2 7.9c2.4 32.7 21.4 62.1 50.7 77.7l11.5 6.1l6.3 3.1c12.4 5.6 25.8 8.5 39.4 8.5H424l2.4-.1c12.1-1.2 21.6-11.5 21.6-23.9l-.2-2.6c-.1-.9-.2-1.7-.4-2.6c-2.7-12.1 4.3-24.2 16-28c9.7-3.1 16.6-12.2 16.6-22.8c0-4.3-1.1-8.2-3.1-11.8c-6.3-11.1-2.8-25.2 8-32c6.8-4.3 11.2-11.8 11.2-20.2c0-7.1-3.1-13.5-8.2-18c-5.2-4.6-8.2-11.1-8.2-18s3-13.4 8.2-18c5.1-4.5 8.2-10.9 8.2-18l-.1-2.4c-1.1-11.3-10.1-20.3-21.4-21.4l-2.4-.1H324.7c-8.2 0-15.8-4.2-20.2-11.1s-5-15.7-1.5-23.1l30-64.3c7-15 1.4-32.7-12.5-41z"/></svg> </template>
CSS
.icon-thumbs-up {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M235.5%20102.8C256.3%2068%20300.5%2054%20338%2071.6l7.2%203.8C380%2096.3%20394%20140.5%20376.4%20178l-14.1%2030H472l7.4.4c36.3%203.7%2064.6%2034.4%2064.6%2071.6c0%2013.2-3.6%2025.4-9.8%2036c6.1%2010.6%209.7%2022.8%209.8%2036c0%2018.3-6.9%2034.8-18%2047.5c1.3%205.3%202%2010.8%202%2016.5c0%2025.1-12.9%2047-32.2%2059.9c-1.9%2035.5-29.4%2064.2-64.4%2067.7l-7.4.4H319.9c-18%200-35.9-3.4-52.6-9.9l-7.1-3l-.7-.3l-6.6-3.2l-.7-.3l-12.2-6.5c-12.3-6.5-23.3-14.7-32.9-24.1c-4.1%2026.9-27.3%2047.4-55.3%2047.4h-32c-30.9%200-56-25.1-56-56L64%20264c0-30.9%2025.1-56%2056-56h32c10.8%200%2020.9%203.1%2029.5%208.5L231.6%20110l.6-1.2l2.7-5l.6-.9zM120%20256c-4.4%200-8%203.6-8%208v224c0%204.4%203.6%208%208%208h32c4.4%200%208-3.6%208-8V264c0-4.4-3.6-8-8-8zm197.6-141c-14.8-6.9-32.3-1.6-40.7%2012l-2.2%204l-56.8%20120.9c-3.5%207.5-5.5%2015.5-6%2023.7l-.1%204.2v112.9l.2%207.9c2.4%2032.7%2021.4%2062.1%2050.7%2077.7l11.5%206.1l6.3%203.1c12.4%205.6%2025.8%208.5%2039.4%208.5H424l2.4-.1c12.1-1.2%2021.6-11.5%2021.6-23.9l-.2-2.6c-.1-.9-.2-1.7-.4-2.6c-2.7-12.1%204.3-24.2%2016-28c9.7-3.1%2016.6-12.2%2016.6-22.8c0-4.3-1.1-8.2-3.1-11.8c-6.3-11.1-2.8-25.2%208-32c6.8-4.3%2011.2-11.8%2011.2-20.2c0-7.1-3.1-13.5-8.2-18c-5.2-4.6-8.2-11.1-8.2-18s3-13.4%208.2-18c5.1-4.5%208.2-10.9%208.2-18l-.1-2.4c-1.1-11.3-10.1-20.3-21.4-21.4l-2.4-.1H324.7c-8.2%200-15.8-4.2-20.2-11.1s-5-15.7-1.5-23.1l30-64.3c7-15%201.4-32.7-12.5-41z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M235.5%20102.8C256.3%2068%20300.5%2054%20338%2071.6l7.2%203.8C380%2096.3%20394%20140.5%20376.4%20178l-14.1%2030H472l7.4.4c36.3%203.7%2064.6%2034.4%2064.6%2071.6c0%2013.2-3.6%2025.4-9.8%2036c6.1%2010.6%209.7%2022.8%209.8%2036c0%2018.3-6.9%2034.8-18%2047.5c1.3%205.3%202%2010.8%202%2016.5c0%2025.1-12.9%2047-32.2%2059.9c-1.9%2035.5-29.4%2064.2-64.4%2067.7l-7.4.4H319.9c-18%200-35.9-3.4-52.6-9.9l-7.1-3l-.7-.3l-6.6-3.2l-.7-.3l-12.2-6.5c-12.3-6.5-23.3-14.7-32.9-24.1c-4.1%2026.9-27.3%2047.4-55.3%2047.4h-32c-30.9%200-56-25.1-56-56L64%20264c0-30.9%2025.1-56%2056-56h32c10.8%200%2020.9%203.1%2029.5%208.5L231.6%20110l.6-1.2l2.7-5l.6-.9zM120%20256c-4.4%200-8%203.6-8%208v224c0%204.4%203.6%208%208%208h32c4.4%200%208-3.6%208-8V264c0-4.4-3.6-8-8-8zm197.6-141c-14.8-6.9-32.3-1.6-40.7%2012l-2.2%204l-56.8%20120.9c-3.5%207.5-5.5%2015.5-6%2023.7l-.1%204.2v112.9l.2%207.9c2.4%2032.7%2021.4%2062.1%2050.7%2077.7l11.5%206.1l6.3%203.1c12.4%205.6%2025.8%208.5%2039.4%208.5H424l2.4-.1c12.1-1.2%2021.6-11.5%2021.6-23.9l-.2-2.6c-.1-.9-.2-1.7-.4-2.6c-2.7-12.1%204.3-24.2%2016-28c9.7-3.1%2016.6-12.2%2016.6-22.8c0-4.3-1.1-8.2-3.1-11.8c-6.3-11.1-2.8-25.2%208-32c6.8-4.3%2011.2-11.8%2011.2-20.2c0-7.1-3.1-13.5-8.2-18c-5.2-4.6-8.2-11.1-8.2-18s3-13.4%208.2-18c5.1-4.5%208.2-10.9%208.2-18l-.1-2.4c-1.1-11.3-10.1-20.3-21.4-21.4l-2.4-.1H324.7c-8.2%200-15.8-4.2-20.2-11.1s-5-15.7-1.5-23.1l30-64.3c7-15%201.4-32.7-12.5-41z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-regular/thumbs-up.svg?color=%231a73e8&size=48
