thumbs up icon
thumbs-up from Reicon by REICON · Outline · Like · MIT Free for personal and commercial use.
- Name
- thumbs-up
- Set
- Reicon
- Style
- Outline
- Category
- Like
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All thumbs up icons →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-upIonIconsthumbs-upKeyline Iconsthumbs-upLine Awesomethumbs-upMaterial Line Iconsthumbs-upLucidethumbs-upMage Icons
More like icons from Reicon
Use the thumbs up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.405 9.304L11.6 2.057c.29-.5.824-.807 1.401-.805a2.937 2.937 0 0 1 2.912 3.325l-.556 4.172h2.367c.813 0 1.472 0 2 .047c.541.047 1.028.148 1.462.404a3.25 3.25 0 0 1 1.426 1.755c.162.477.161.974.097 1.514c-.062.526-.197 1.171-.363 1.967l-.687 3.29c-.161.77-.29 1.39-.433 1.887c-.148.514-.323.95-.6 1.341a4.25 4.25 0 0 1-1.78 1.446c-.44.191-.902.274-1.435.313c-.516.038-1.148.038-1.935.037h-.764c-1.348 0-2.1 0-2.842-.104a11 11 0 0 1-1.937-.457c-.649-.219-1.267-.519-2.29-1.03a2 2 0 0 1-.138.364a2.25 2.25 0 0 1-.984.983c-.283.145-.578.199-.875.223c-.28.023-.622.023-1.017.023H4.37c-.395 0-.736 0-1.017-.023c-.297-.024-.592-.078-.875-.223a2.25 2.25 0 0 1-.984-.983a2.3 2.3 0 0 1-.222-.875c-.023-.28-.023-.622-.023-1.017v-8.258c0-.396 0-.737.023-1.018a2.3 2.3 0 0 1 .222-.875a2.25 2.25 0 0 1 .984-.983c.283-.145.578-.198.875-.222c.28-.023.622-.023 1.017-.023h.258c.395 0 .736 0 1.017.023c.297.024.592.077.875.222c.363.185.668.464.884.807m5.494-6.495a.11.11 0 0 1 .099-.057l.002-.75v.75c.87 0 1.541.765 1.426 1.627l-.67 5.021a.75.75 0 0 0 .744.85h3.189c.856 0 1.45 0 1.904.04c.448.04.676.111.83.202c.361.213.634.548.768.945c.058.17.082.408.029.854c-.054.453-.175 1.034-.35 1.873l-.674 3.228c-.168.805-.286 1.369-.412 1.807c-.123.43-.24.688-.383.89a2.75 2.75 0 0 1-1.151.935c-.226.098-.503.16-.949.193c-.455.033-1.031.034-1.854.034h-.672c-1.428-.001-2.071-.003-2.697-.09a9.3 9.3 0 0 1-1.666-.394c-.6-.202-1.176-.488-2.453-1.127l-.209-.104V11.7zm-6.649 8.69v-.097c0-.433 0-.712-.018-.924c-.017-.204-.045-.28-.064-.317a.75.75 0 0 0-.328-.328c-.037-.018-.112-.047-.316-.063a13 13 0 0 0-.924-.018h-.2c-.432 0-.712 0-.924.018c-.204.016-.28.045-.316.063a.75.75 0 0 0-.328.328c-.02.037-.047.113-.064.317c-.017.212-.018.491-.018.924v8.2c0 .432 0 .711.018.924c.017.204.045.28.064.316a.75.75 0 0 0 .328.328c.037.019.112.047.316.064c.212.017.492.018.924.018h.2c.432 0 .712 0 .924-.018c.204-.017.28-.045.316-.064a.75.75 0 0 0 .328-.328c.02-.037.047-.112.064-.316c.017-.207.018-.478.018-.891z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconThumbsUp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M7.405 9.304L11.6 2.057c.29-.5.824-.807 1.401-.805a2.937 2.937 0 0 1 2.912 3.325l-.556 4.172h2.367c.813 0 1.472 0 2 .047c.541.047 1.028.148 1.462.404a3.25 3.25 0 0 1 1.426 1.755c.162.477.161.974.097 1.514c-.062.526-.197 1.171-.363 1.967l-.687 3.29c-.161.77-.29 1.39-.433 1.887c-.148.514-.323.95-.6 1.341a4.25 4.25 0 0 1-1.78 1.446c-.44.191-.902.274-1.435.313c-.516.038-1.148.038-1.935.037h-.764c-1.348 0-2.1 0-2.842-.104a11 11 0 0 1-1.937-.457c-.649-.219-1.267-.519-2.29-1.03a2 2 0 0 1-.138.364a2.25 2.25 0 0 1-.984.983c-.283.145-.578.199-.875.223c-.28.023-.622.023-1.017.023H4.37c-.395 0-.736 0-1.017-.023c-.297-.024-.592-.078-.875-.223a2.25 2.25 0 0 1-.984-.983a2.3 2.3 0 0 1-.222-.875c-.023-.28-.023-.622-.023-1.017v-8.258c0-.396 0-.737.023-1.018a2.3 2.3 0 0 1 .222-.875a2.25 2.25 0 0 1 .984-.983c.283-.145.578-.198.875-.222c.28-.023.622-.023 1.017-.023h.258c.395 0 .736 0 1.017.023c.297.024.592.077.875.222c.363.185.668.464.884.807m5.494-6.495a.11.11 0 0 1 .099-.057l.002-.75v.75c.87 0 1.541.765 1.426 1.627l-.67 5.021a.75.75 0 0 0 .744.85h3.189c.856 0 1.45 0 1.904.04c.448.04.676.111.83.202c.361.213.634.548.768.945c.058.17.082.408.029.854c-.054.453-.175 1.034-.35 1.873l-.674 3.228c-.168.805-.286 1.369-.412 1.807c-.123.43-.24.688-.383.89a2.75 2.75 0 0 1-1.151.935c-.226.098-.503.16-.949.193c-.455.033-1.031.034-1.854.034h-.672c-1.428-.001-2.071-.003-2.697-.09a9.3 9.3 0 0 1-1.666-.394c-.6-.202-1.176-.488-2.453-1.127l-.209-.104V11.7zm-6.649 8.69v-.097c0-.433 0-.712-.018-.924c-.017-.204-.045-.28-.064-.317a.75.75 0 0 0-.328-.328c-.037-.018-.112-.047-.316-.063a13 13 0 0 0-.924-.018h-.2c-.432 0-.712 0-.924.018c-.204.016-.28.045-.316.063a.75.75 0 0 0-.328.328c-.02.037-.047.113-.064.317c-.017.212-.018.491-.018.924v8.2c0 .432 0 .711.018.924c.017.204.045.28.064.316a.75.75 0 0 0 .328.328c.037.019.112.047.316.064c.212.017.492.018.924.018h.2c.432 0 .712 0 .924-.018c.204-.017.28-.045.316-.064a.75.75 0 0 0 .328-.328c.02-.037.047-.112.064-.316c.017-.207.018-.478.018-.891z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.405 9.304L11.6 2.057c.29-.5.824-.807 1.401-.805a2.937 2.937 0 0 1 2.912 3.325l-.556 4.172h2.367c.813 0 1.472 0 2 .047c.541.047 1.028.148 1.462.404a3.25 3.25 0 0 1 1.426 1.755c.162.477.161.974.097 1.514c-.062.526-.197 1.171-.363 1.967l-.687 3.29c-.161.77-.29 1.39-.433 1.887c-.148.514-.323.95-.6 1.341a4.25 4.25 0 0 1-1.78 1.446c-.44.191-.902.274-1.435.313c-.516.038-1.148.038-1.935.037h-.764c-1.348 0-2.1 0-2.842-.104a11 11 0 0 1-1.937-.457c-.649-.219-1.267-.519-2.29-1.03a2 2 0 0 1-.138.364a2.25 2.25 0 0 1-.984.983c-.283.145-.578.199-.875.223c-.28.023-.622.023-1.017.023H4.37c-.395 0-.736 0-1.017-.023c-.297-.024-.592-.078-.875-.223a2.25 2.25 0 0 1-.984-.983a2.3 2.3 0 0 1-.222-.875c-.023-.28-.023-.622-.023-1.017v-8.258c0-.396 0-.737.023-1.018a2.3 2.3 0 0 1 .222-.875a2.25 2.25 0 0 1 .984-.983c.283-.145.578-.198.875-.222c.28-.023.622-.023 1.017-.023h.258c.395 0 .736 0 1.017.023c.297.024.592.077.875.222c.363.185.668.464.884.807m5.494-6.495a.11.11 0 0 1 .099-.057l.002-.75v.75c.87 0 1.541.765 1.426 1.627l-.67 5.021a.75.75 0 0 0 .744.85h3.189c.856 0 1.45 0 1.904.04c.448.04.676.111.83.202c.361.213.634.548.768.945c.058.17.082.408.029.854c-.054.453-.175 1.034-.35 1.873l-.674 3.228c-.168.805-.286 1.369-.412 1.807c-.123.43-.24.688-.383.89a2.75 2.75 0 0 1-1.151.935c-.226.098-.503.16-.949.193c-.455.033-1.031.034-1.854.034h-.672c-1.428-.001-2.071-.003-2.697-.09a9.3 9.3 0 0 1-1.666-.394c-.6-.202-1.176-.488-2.453-1.127l-.209-.104V11.7zm-6.649 8.69v-.097c0-.433 0-.712-.018-.924c-.017-.204-.045-.28-.064-.317a.75.75 0 0 0-.328-.328c-.037-.018-.112-.047-.316-.063a13 13 0 0 0-.924-.018h-.2c-.432 0-.712 0-.924.018c-.204.016-.28.045-.316.063a.75.75 0 0 0-.328.328c-.02.037-.047.113-.064.317c-.017.212-.018.491-.018.924v8.2c0 .432 0 .711.018.924c.017.204.045.28.064.316a.75.75 0 0 0 .328.328c.037.019.112.047.316.064c.212.017.492.018.924.018h.2c.432 0 .712 0 .924-.018c.204-.017.28-.045.316-.064a.75.75 0 0 0 .328-.328c.02-.037.047-.112.064-.316c.017-.207.018-.478.018-.891z" clip-rule="evenodd"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.405%209.304L11.6%202.057c.29-.5.824-.807%201.401-.805a2.937%202.937%200%200%201%202.912%203.325l-.556%204.172h2.367c.813%200%201.472%200%202%20.047c.541.047%201.028.148%201.462.404a3.25%203.25%200%200%201%201.426%201.755c.162.477.161.974.097%201.514c-.062.526-.197%201.171-.363%201.967l-.687%203.29c-.161.77-.29%201.39-.433%201.887c-.148.514-.323.95-.6%201.341a4.25%204.25%200%200%201-1.78%201.446c-.44.191-.902.274-1.435.313c-.516.038-1.148.038-1.935.037h-.764c-1.348%200-2.1%200-2.842-.104a11%2011%200%200%201-1.937-.457c-.649-.219-1.267-.519-2.29-1.03a2%202%200%200%201-.138.364a2.25%202.25%200%200%201-.984.983c-.283.145-.578.199-.875.223c-.28.023-.622.023-1.017.023H4.37c-.395%200-.736%200-1.017-.023c-.297-.024-.592-.078-.875-.223a2.25%202.25%200%200%201-.984-.983a2.3%202.3%200%200%201-.222-.875c-.023-.28-.023-.622-.023-1.017v-8.258c0-.396%200-.737.023-1.018a2.3%202.3%200%200%201%20.222-.875a2.25%202.25%200%200%201%20.984-.983c.283-.145.578-.198.875-.222c.28-.023.622-.023%201.017-.023h.258c.395%200%20.736%200%201.017.023c.297.024.592.077.875.222c.363.185.668.464.884.807m5.494-6.495a.11.11%200%200%201%20.099-.057l.002-.75v.75c.87%200%201.541.765%201.426%201.627l-.67%205.021a.75.75%200%200%200%20.744.85h3.189c.856%200%201.45%200%201.904.04c.448.04.676.111.83.202c.361.213.634.548.768.945c.058.17.082.408.029.854c-.054.453-.175%201.034-.35%201.873l-.674%203.228c-.168.805-.286%201.369-.412%201.807c-.123.43-.24.688-.383.89a2.75%202.75%200%200%201-1.151.935c-.226.098-.503.16-.949.193c-.455.033-1.031.034-1.854.034h-.672c-1.428-.001-2.071-.003-2.697-.09a9.3%209.3%200%200%201-1.666-.394c-.6-.202-1.176-.488-2.453-1.127l-.209-.104V11.7zm-6.649%208.69v-.097c0-.433%200-.712-.018-.924c-.017-.204-.045-.28-.064-.317a.75.75%200%200%200-.328-.328c-.037-.018-.112-.047-.316-.063a13%2013%200%200%200-.924-.018h-.2c-.432%200-.712%200-.924.018c-.204.016-.28.045-.316.063a.75.75%200%200%200-.328.328c-.02.037-.047.113-.064.317c-.017.212-.018.491-.018.924v8.2c0%20.432%200%20.711.018.924c.017.204.045.28.064.316a.75.75%200%200%200%20.328.328c.037.019.112.047.316.064c.212.017.492.018.924.018h.2c.432%200%20.712%200%20.924-.018c.204-.017.28-.045.316-.064a.75.75%200%200%200%20.328-.328c.02-.037.047-.112.064-.316c.017-.207.018-.478.018-.891z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.405%209.304L11.6%202.057c.29-.5.824-.807%201.401-.805a2.937%202.937%200%200%201%202.912%203.325l-.556%204.172h2.367c.813%200%201.472%200%202%20.047c.541.047%201.028.148%201.462.404a3.25%203.25%200%200%201%201.426%201.755c.162.477.161.974.097%201.514c-.062.526-.197%201.171-.363%201.967l-.687%203.29c-.161.77-.29%201.39-.433%201.887c-.148.514-.323.95-.6%201.341a4.25%204.25%200%200%201-1.78%201.446c-.44.191-.902.274-1.435.313c-.516.038-1.148.038-1.935.037h-.764c-1.348%200-2.1%200-2.842-.104a11%2011%200%200%201-1.937-.457c-.649-.219-1.267-.519-2.29-1.03a2%202%200%200%201-.138.364a2.25%202.25%200%200%201-.984.983c-.283.145-.578.199-.875.223c-.28.023-.622.023-1.017.023H4.37c-.395%200-.736%200-1.017-.023c-.297-.024-.592-.078-.875-.223a2.25%202.25%200%200%201-.984-.983a2.3%202.3%200%200%201-.222-.875c-.023-.28-.023-.622-.023-1.017v-8.258c0-.396%200-.737.023-1.018a2.3%202.3%200%200%201%20.222-.875a2.25%202.25%200%200%201%20.984-.983c.283-.145.578-.198.875-.222c.28-.023.622-.023%201.017-.023h.258c.395%200%20.736%200%201.017.023c.297.024.592.077.875.222c.363.185.668.464.884.807m5.494-6.495a.11.11%200%200%201%20.099-.057l.002-.75v.75c.87%200%201.541.765%201.426%201.627l-.67%205.021a.75.75%200%200%200%20.744.85h3.189c.856%200%201.45%200%201.904.04c.448.04.676.111.83.202c.361.213.634.548.768.945c.058.17.082.408.029.854c-.054.453-.175%201.034-.35%201.873l-.674%203.228c-.168.805-.286%201.369-.412%201.807c-.123.43-.24.688-.383.89a2.75%202.75%200%200%201-1.151.935c-.226.098-.503.16-.949.193c-.455.033-1.031.034-1.854.034h-.672c-1.428-.001-2.071-.003-2.697-.09a9.3%209.3%200%200%201-1.666-.394c-.6-.202-1.176-.488-2.453-1.127l-.209-.104V11.7zm-6.649%208.69v-.097c0-.433%200-.712-.018-.924c-.017-.204-.045-.28-.064-.317a.75.75%200%200%200-.328-.328c-.037-.018-.112-.047-.316-.063a13%2013%200%200%200-.924-.018h-.2c-.432%200-.712%200-.924.018c-.204.016-.28.045-.316.063a.75.75%200%200%200-.328.328c-.02.037-.047.113-.064.317c-.017.212-.018.491-.018.924v8.2c0%20.432%200%20.711.018.924c.017.204.045.28.064.316a.75.75%200%200%200%20.328.328c.037.019.112.047.316.064c.212.017.492.018.924.018h.2c.432%200%20.712%200%20.924-.018c.204-.017.28-.045.316-.064a.75.75%200%200%200%20.328-.328c.02-.037.047-.112.064-.316c.017-.207.018-.478.018-.891z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/thumbs-up.svg?color=%231a73e8&size=48
