thumbs up icon
thumbs-up from Font Awesome 6 Regular by Dave Gandy · Regular · Hands · CC-BY-4.0 Attribution required.
- Name
- thumbs-up
- Set
- Font Awesome 6 Regular
- Style
- Regular
- Category
- Hands
- Viewbox
- 512×512
- License
- CC BY 4.0
The same icon in other sets
thumbs-upAkar Iconsthumbs-upCarbonthumbs-upEmoji One (Colored)thumbs-upFont Awesome 6 Solidthumbs-upFont Awesome Regularthumbs-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 6 Regular
Use the thumbs up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13H448c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.2s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3.6 2.8.6 4.3c0 8.8-7.2 16-16 16h-97.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7c11.6-11.8 18.8-27.8 18.8-45.5c0-35.3-28.6-64-64-64h-92.3c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89M32 192c-17.7 0-32 14.3-32 32v224c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6RegularThumbsUp(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="M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13H448c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.2s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3.6 2.8.6 4.3c0 8.8-7.2 16-16 16h-97.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7c11.6-11.8 18.8-27.8 18.8-45.5c0-35.3-28.6-64-64-64h-92.3c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89M32 192c-17.7 0-32 14.3-32 32v224c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13H448c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.2s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3.6 2.8.6 4.3c0 8.8-7.2 16-16 16h-97.5c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8H384c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7c11.6-11.8 18.8-27.8 18.8-45.5c0-35.3-28.6-64-64-64h-92.3c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89M32 192c-17.7 0-32 14.3-32 32v224c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32z"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M323.8%2034.8c-38.2-10.9-78.1%2011.2-89%2049.4l-5.7%2020c-3.7%2013-10.4%2025-19.5%2035l-51.3%2056.4c-8.9%209.8-8.2%2025%201.6%2033.9s25%208.2%2033.9-1.6l51.3-56.4c14.1-15.5%2024.4-34%2030.1-54.1l5.7-20c3.6-12.7%2016.9-20.1%2029.7-16.5s20.1%2016.9%2016.5%2029.7l-5.7%2020c-5.7%2019.9-14.7%2038.7-26.6%2055.5c-5.2%207.3-5.8%2016.9-1.7%2024.9s12.3%2013%2021.3%2013H448c8.8%200%2016%207.2%2016%2016c0%206.8-4.3%2012.7-10.4%2015c-7.4%202.8-13%209-14.9%2016.7s.1%2015.8%205.3%2021.7c2.5%202.8%204%206.5%204%2010.6c0%207.8-5.6%2014.3-13%2015.7c-8.2%201.6-15.1%207.3-18%2015.2s-1.6%2016.7%203.6%2023.3c2.1%202.7%203.4%206.1%203.4%209.9c0%206.7-4.2%2012.6-10.2%2014.9c-11.5%204.5-17.7%2016.9-14.4%2028.8c.4%201.3.6%202.8.6%204.3c0%208.8-7.2%2016-16%2016h-97.5c-12.6%200-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3%206.7s-4.4%2025.9%206.7%2033.3l61.7%2041.1c18.4%2012.3%2040%2018.8%2062.1%2018.8H384c34.7%200%2062.9-27.6%2064-62c14.6-11.7%2024-29.7%2024-50c0-4.5-.5-8.8-1.3-13c15.4-11.7%2025.3-30.2%2025.3-51c0-6.5-1-12.8-2.8-18.7c11.6-11.8%2018.8-27.8%2018.8-45.5c0-35.3-28.6-64-64-64h-92.3c4.7-10.4%208.7-21.2%2011.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89M32%20192c-17.7%200-32%2014.3-32%2032v224c0%2017.7%2014.3%2032%2032%2032h64c17.7%200%2032-14.3%2032-32V224c0-17.7-14.3-32-32-32z%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%22M323.8%2034.8c-38.2-10.9-78.1%2011.2-89%2049.4l-5.7%2020c-3.7%2013-10.4%2025-19.5%2035l-51.3%2056.4c-8.9%209.8-8.2%2025%201.6%2033.9s25%208.2%2033.9-1.6l51.3-56.4c14.1-15.5%2024.4-34%2030.1-54.1l5.7-20c3.6-12.7%2016.9-20.1%2029.7-16.5s20.1%2016.9%2016.5%2029.7l-5.7%2020c-5.7%2019.9-14.7%2038.7-26.6%2055.5c-5.2%207.3-5.8%2016.9-1.7%2024.9s12.3%2013%2021.3%2013H448c8.8%200%2016%207.2%2016%2016c0%206.8-4.3%2012.7-10.4%2015c-7.4%202.8-13%209-14.9%2016.7s.1%2015.8%205.3%2021.7c2.5%202.8%204%206.5%204%2010.6c0%207.8-5.6%2014.3-13%2015.7c-8.2%201.6-15.1%207.3-18%2015.2s-1.6%2016.7%203.6%2023.3c2.1%202.7%203.4%206.1%203.4%209.9c0%206.7-4.2%2012.6-10.2%2014.9c-11.5%204.5-17.7%2016.9-14.4%2028.8c.4%201.3.6%202.8.6%204.3c0%208.8-7.2%2016-16%2016h-97.5c-12.6%200-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3%206.7s-4.4%2025.9%206.7%2033.3l61.7%2041.1c18.4%2012.3%2040%2018.8%2062.1%2018.8H384c34.7%200%2062.9-27.6%2064-62c14.6-11.7%2024-29.7%2024-50c0-4.5-.5-8.8-1.3-13c15.4-11.7%2025.3-30.2%2025.3-51c0-6.5-1-12.8-2.8-18.7c11.6-11.8%2018.8-27.8%2018.8-45.5c0-35.3-28.6-64-64-64h-92.3c4.7-10.4%208.7-21.2%2011.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89M32%20192c-17.7%200-32%2014.3-32%2032v224c0%2017.7%2014.3%2032%2032%2032h64c17.7%200%2032-14.3%2032-32V224c0-17.7-14.3-32-32-32z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-regular/thumbs-up.svg?color=%231a73e8&size=48
