thumbs up icon
thumbs-up from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- thumbs-up
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
thumbs-upAkar Iconsthumbs-upCarbonthumbs-upEmoji One (Colored)thumbs-upFont Awesome 6 Regularthumbs-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-upLine Awesomethumbs-upMaterial Line Iconsthumbs-upLucidethumbs-upMage Iconsthumbs-upNoto Emojithumbs-upOpenMoji
Related icons in IonIcons
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="m472.06 334l-144.16-6.13c-4.61-.36-23.9-1.21-23.9-25.87c0-23.81 19.16-25.33 24.14-25.88L472.06 270c12.67.13 23.94 14.43 23.94 32s-11.27 31.87-23.94 32M330.61 202.33L437.35 194C450 194 464 210.68 464 227.88v.33c0 16.32-11.14 29.62-24.88 29.79l-108.45-1.73C304 253 304 236.83 304 229.88c0-22.88 21.8-27.15 26.61-27.55M421.85 480l-89.37-8.93C308 470.14 304 453.82 304 443.59c0-18.38 13.41-24.6 26.67-24.6l91-3c14.54.23 26.32 14.5 26.32 32s-11.67 31.67-26.14 32.01m34.36-71.5l-126.4-6.21c-9.39-.63-25.81-3-25.81-26.37c0-12 4.35-25.61 25-27.53l127.19-3.88c13.16.14 23.81 13.49 23.81 31.4s-10.65 32.43-23.79 32.58Z"/><path fill="none" d="M133.55 238.06A15.85 15.85 0 0 1 126 240a15.8 15.8 0 0 0 7.51-1.92Zm40.59-69.28l.13-.23zc-20.5 35.51-30.36 54.95-33.82 62c3.47-7.07 13.34-26.51 33.82-62"/><path fill="currentColor" d="m139.34 232.84l1-2a16.27 16.27 0 0 1-6.77 7.25a16.35 16.35 0 0 0 5.77-5.25"/><path fill="currentColor" d="M316.06 52.62C306.63 39.32 291 32 272 32a16 16 0 0 0-14.31 8.84c-3 6.07-15.25 24-28.19 42.91c-18 26.33-40.35 59.07-55.23 84.8l-.13.23c-20.48 35.49-30.35 54.93-33.82 62l-1 2a16.35 16.35 0 0 1-5.79 5.22a15.8 15.8 0 0 1-7.53 2h-25.31A84.69 84.69 0 0 0 16 324.69v38.61a84.69 84.69 0 0 0 84.69 84.7h48.79a17.55 17.55 0 0 1 9.58 2.89C182 465.87 225.34 480 272 480c7.45 0 14.19-.14 20.27-.38a8 8 0 0 0 6.2-12.68l-.1-.14C289.8 454.41 288 441 288 432a61.2 61.2 0 0 1 5.19-24.77a17.36 17.36 0 0 0 0-14.05a63.8 63.8 0 0 1 0-50.39a17.32 17.32 0 0 0 0-14a62.15 62.15 0 0 1 0-49.59a18.13 18.13 0 0 0 0-14.68A60.3 60.3 0 0 1 288 239c0-8.2 2-21.3 8-31.19a15.63 15.63 0 0 0 1.14-13.64c-.38-1-.76-2.07-1.13-3.17a24.84 24.84 0 0 1-.86-11.58c3-19.34 9.67-36.29 16.74-54.16c3.08-7.78 6.27-15.82 9.22-24.26c6.14-17.57 4.3-35.2-5.05-48.38"/></svg>
React
import type { SVGProps } from "react";
export function IonThumbsUp(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="m472.06 334l-144.16-6.13c-4.61-.36-23.9-1.21-23.9-25.87c0-23.81 19.16-25.33 24.14-25.88L472.06 270c12.67.13 23.94 14.43 23.94 32s-11.27 31.87-23.94 32M330.61 202.33L437.35 194C450 194 464 210.68 464 227.88v.33c0 16.32-11.14 29.62-24.88 29.79l-108.45-1.73C304 253 304 236.83 304 229.88c0-22.88 21.8-27.15 26.61-27.55M421.85 480l-89.37-8.93C308 470.14 304 453.82 304 443.59c0-18.38 13.41-24.6 26.67-24.6l91-3c14.54.23 26.32 14.5 26.32 32s-11.67 31.67-26.14 32.01m34.36-71.5l-126.4-6.21c-9.39-.63-25.81-3-25.81-26.37c0-12 4.35-25.61 25-27.53l127.19-3.88c13.16.14 23.81 13.49 23.81 31.4s-10.65 32.43-23.79 32.58Z"/><path fill="none" d="M133.55 238.06A15.85 15.85 0 0 1 126 240a15.8 15.8 0 0 0 7.51-1.92Zm40.59-69.28l.13-.23zc-20.5 35.51-30.36 54.95-33.82 62c3.47-7.07 13.34-26.51 33.82-62"/><path fill="currentColor" d="m139.34 232.84l1-2a16.27 16.27 0 0 1-6.77 7.25a16.35 16.35 0 0 0 5.77-5.25"/><path fill="currentColor" d="M316.06 52.62C306.63 39.32 291 32 272 32a16 16 0 0 0-14.31 8.84c-3 6.07-15.25 24-28.19 42.91c-18 26.33-40.35 59.07-55.23 84.8l-.13.23c-20.48 35.49-30.35 54.93-33.82 62l-1 2a16.35 16.35 0 0 1-5.79 5.22a15.8 15.8 0 0 1-7.53 2h-25.31A84.69 84.69 0 0 0 16 324.69v38.61a84.69 84.69 0 0 0 84.69 84.7h48.79a17.55 17.55 0 0 1 9.58 2.89C182 465.87 225.34 480 272 480c7.45 0 14.19-.14 20.27-.38a8 8 0 0 0 6.2-12.68l-.1-.14C289.8 454.41 288 441 288 432a61.2 61.2 0 0 1 5.19-24.77a17.36 17.36 0 0 0 0-14.05a63.8 63.8 0 0 1 0-50.39a17.32 17.32 0 0 0 0-14a62.15 62.15 0 0 1 0-49.59a18.13 18.13 0 0 0 0-14.68A60.3 60.3 0 0 1 288 239c0-8.2 2-21.3 8-31.19a15.63 15.63 0 0 0 1.14-13.64c-.38-1-.76-2.07-1.13-3.17a24.84 24.84 0 0 1-.86-11.58c3-19.34 9.67-36.29 16.74-54.16c3.08-7.78 6.27-15.82 9.22-24.26c6.14-17.57 4.3-35.2-5.05-48.38"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m472.06 334l-144.16-6.13c-4.61-.36-23.9-1.21-23.9-25.87c0-23.81 19.16-25.33 24.14-25.88L472.06 270c12.67.13 23.94 14.43 23.94 32s-11.27 31.87-23.94 32M330.61 202.33L437.35 194C450 194 464 210.68 464 227.88v.33c0 16.32-11.14 29.62-24.88 29.79l-108.45-1.73C304 253 304 236.83 304 229.88c0-22.88 21.8-27.15 26.61-27.55M421.85 480l-89.37-8.93C308 470.14 304 453.82 304 443.59c0-18.38 13.41-24.6 26.67-24.6l91-3c14.54.23 26.32 14.5 26.32 32s-11.67 31.67-26.14 32.01m34.36-71.5l-126.4-6.21c-9.39-.63-25.81-3-25.81-26.37c0-12 4.35-25.61 25-27.53l127.19-3.88c13.16.14 23.81 13.49 23.81 31.4s-10.65 32.43-23.79 32.58Z"/><path fill="none" d="M133.55 238.06A15.85 15.85 0 0 1 126 240a15.8 15.8 0 0 0 7.51-1.92Zm40.59-69.28l.13-.23zc-20.5 35.51-30.36 54.95-33.82 62c3.47-7.07 13.34-26.51 33.82-62"/><path fill="currentColor" d="m139.34 232.84l1-2a16.27 16.27 0 0 1-6.77 7.25a16.35 16.35 0 0 0 5.77-5.25"/><path fill="currentColor" d="M316.06 52.62C306.63 39.32 291 32 272 32a16 16 0 0 0-14.31 8.84c-3 6.07-15.25 24-28.19 42.91c-18 26.33-40.35 59.07-55.23 84.8l-.13.23c-20.48 35.49-30.35 54.93-33.82 62l-1 2a16.35 16.35 0 0 1-5.79 5.22a15.8 15.8 0 0 1-7.53 2h-25.31A84.69 84.69 0 0 0 16 324.69v38.61a84.69 84.69 0 0 0 84.69 84.7h48.79a17.55 17.55 0 0 1 9.58 2.89C182 465.87 225.34 480 272 480c7.45 0 14.19-.14 20.27-.38a8 8 0 0 0 6.2-12.68l-.1-.14C289.8 454.41 288 441 288 432a61.2 61.2 0 0 1 5.19-24.77a17.36 17.36 0 0 0 0-14.05a63.8 63.8 0 0 1 0-50.39a17.32 17.32 0 0 0 0-14a62.15 62.15 0 0 1 0-49.59a18.13 18.13 0 0 0 0-14.68A60.3 60.3 0 0 1 288 239c0-8.2 2-21.3 8-31.19a15.63 15.63 0 0 0 1.14-13.64c-.38-1-.76-2.07-1.13-3.17a24.84 24.84 0 0 1-.86-11.58c3-19.34 9.67-36.29 16.74-54.16c3.08-7.78 6.27-15.82 9.22-24.26c6.14-17.57 4.3-35.2-5.05-48.38"/></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%22m472.06%20334l-144.16-6.13c-4.61-.36-23.9-1.21-23.9-25.87c0-23.81%2019.16-25.33%2024.14-25.88L472.06%20270c12.67.13%2023.94%2014.43%2023.94%2032s-11.27%2031.87-23.94%2032M330.61%20202.33L437.35%20194C450%20194%20464%20210.68%20464%20227.88v.33c0%2016.32-11.14%2029.62-24.88%2029.79l-108.45-1.73C304%20253%20304%20236.83%20304%20229.88c0-22.88%2021.8-27.15%2026.61-27.55M421.85%20480l-89.37-8.93C308%20470.14%20304%20453.82%20304%20443.59c0-18.38%2013.41-24.6%2026.67-24.6l91-3c14.54.23%2026.32%2014.5%2026.32%2032s-11.67%2031.67-26.14%2032.01m34.36-71.5l-126.4-6.21c-9.39-.63-25.81-3-25.81-26.37c0-12%204.35-25.61%2025-27.53l127.19-3.88c13.16.14%2023.81%2013.49%2023.81%2031.4s-10.65%2032.43-23.79%2032.58Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M133.55%20238.06A15.85%2015.85%200%200%201%20126%20240a15.8%2015.8%200%200%200%207.51-1.92Zm40.59-69.28l.13-.23zc-20.5%2035.51-30.36%2054.95-33.82%2062c3.47-7.07%2013.34-26.51%2033.82-62%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m139.34%20232.84l1-2a16.27%2016.27%200%200%201-6.77%207.25a16.35%2016.35%200%200%200%205.77-5.25%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M316.06%2052.62C306.63%2039.32%20291%2032%20272%2032a16%2016%200%200%200-14.31%208.84c-3%206.07-15.25%2024-28.19%2042.91c-18%2026.33-40.35%2059.07-55.23%2084.8l-.13.23c-20.48%2035.49-30.35%2054.93-33.82%2062l-1%202a16.35%2016.35%200%200%201-5.79%205.22a15.8%2015.8%200%200%201-7.53%202h-25.31A84.69%2084.69%200%200%200%2016%20324.69v38.61a84.69%2084.69%200%200%200%2084.69%2084.7h48.79a17.55%2017.55%200%200%201%209.58%202.89C182%20465.87%20225.34%20480%20272%20480c7.45%200%2014.19-.14%2020.27-.38a8%208%200%200%200%206.2-12.68l-.1-.14C289.8%20454.41%20288%20441%20288%20432a61.2%2061.2%200%200%201%205.19-24.77a17.36%2017.36%200%200%200%200-14.05a63.8%2063.8%200%200%201%200-50.39a17.32%2017.32%200%200%200%200-14a62.15%2062.15%200%200%201%200-49.59a18.13%2018.13%200%200%200%200-14.68A60.3%2060.3%200%200%201%20288%20239c0-8.2%202-21.3%208-31.19a15.63%2015.63%200%200%200%201.14-13.64c-.38-1-.76-2.07-1.13-3.17a24.84%2024.84%200%200%201-.86-11.58c3-19.34%209.67-36.29%2016.74-54.16c3.08-7.78%206.27-15.82%209.22-24.26c6.14-17.57%204.3-35.2-5.05-48.38%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%22m472.06%20334l-144.16-6.13c-4.61-.36-23.9-1.21-23.9-25.87c0-23.81%2019.16-25.33%2024.14-25.88L472.06%20270c12.67.13%2023.94%2014.43%2023.94%2032s-11.27%2031.87-23.94%2032M330.61%20202.33L437.35%20194C450%20194%20464%20210.68%20464%20227.88v.33c0%2016.32-11.14%2029.62-24.88%2029.79l-108.45-1.73C304%20253%20304%20236.83%20304%20229.88c0-22.88%2021.8-27.15%2026.61-27.55M421.85%20480l-89.37-8.93C308%20470.14%20304%20453.82%20304%20443.59c0-18.38%2013.41-24.6%2026.67-24.6l91-3c14.54.23%2026.32%2014.5%2026.32%2032s-11.67%2031.67-26.14%2032.01m34.36-71.5l-126.4-6.21c-9.39-.63-25.81-3-25.81-26.37c0-12%204.35-25.61%2025-27.53l127.19-3.88c13.16.14%2023.81%2013.49%2023.81%2031.4s-10.65%2032.43-23.79%2032.58Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M133.55%20238.06A15.85%2015.85%200%200%201%20126%20240a15.8%2015.8%200%200%200%207.51-1.92Zm40.59-69.28l.13-.23zc-20.5%2035.51-30.36%2054.95-33.82%2062c3.47-7.07%2013.34-26.51%2033.82-62%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m139.34%20232.84l1-2a16.27%2016.27%200%200%201-6.77%207.25a16.35%2016.35%200%200%200%205.77-5.25%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M316.06%2052.62C306.63%2039.32%20291%2032%20272%2032a16%2016%200%200%200-14.31%208.84c-3%206.07-15.25%2024-28.19%2042.91c-18%2026.33-40.35%2059.07-55.23%2084.8l-.13.23c-20.48%2035.49-30.35%2054.93-33.82%2062l-1%202a16.35%2016.35%200%200%201-5.79%205.22a15.8%2015.8%200%200%201-7.53%202h-25.31A84.69%2084.69%200%200%200%2016%20324.69v38.61a84.69%2084.69%200%200%200%2084.69%2084.7h48.79a17.55%2017.55%200%200%201%209.58%202.89C182%20465.87%20225.34%20480%20272%20480c7.45%200%2014.19-.14%2020.27-.38a8%208%200%200%200%206.2-12.68l-.1-.14C289.8%20454.41%20288%20441%20288%20432a61.2%2061.2%200%200%201%205.19-24.77a17.36%2017.36%200%200%200%200-14.05a63.8%2063.8%200%200%201%200-50.39a17.32%2017.32%200%200%200%200-14a62.15%2062.15%200%200%201%200-49.59a18.13%2018.13%200%200%200%200-14.68A60.3%2060.3%200%200%201%20288%20239c0-8.2%202-21.3%208-31.19a15.63%2015.63%200%200%200%201.14-13.64c-.38-1-.76-2.07-1.13-3.17a24.84%2024.84%200%200%201-.86-11.58c3-19.34%209.67-36.29%2016.74-54.16c3.08-7.78%206.27-15.82%209.22-24.26c6.14-17.57%204.3-35.2-5.05-48.38%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/thumbs-up.svg?color=%231a73e8&size=48
