thumbs up solid icon
thumbs-up-solid from Line Awesome by Icons8 · Line · Status · Apache-2.0 Free for personal and commercial use.
- Name
- thumbs-up-solid
- Set
- Line Awesome
- Style
- Line
- Category
- Status
- Viewbox
- 32×32
- License
- Apache 2.0
More status icons from Line Awesome
banbattery-emptybattery-fullbattery-halfbattery-quarterbattery-three-quartersbellbell-slashbell-slash-solidbell-solidcalendarcalendar-altcalendar-alt-solidcalendar-checkcalendar-check-solidcalendar-daycalendar-minuscalendar-minus-solidcalendar-pluscalendar-plus-solidcalendar-solidcalendar-timescalendar-times-solidcalendar-week
Use the thumbs up solid icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16.688 3l-.313.281L9.594 10H5v16h16.844c1.41 0 2.64-.996 2.937-2.375l2.157-10C27.331 11.777 25.887 10 24 10h-5.75l.188-.75c.203-.156.332-.223.625-.625c.468-.64.937-1.633.937-2.969C20 4.23 18.71 3 17.094 3zm.718 2.094c.422.082.594.254.594.562c0 .903-.273 1.461-.531 1.813s-.438.437-.438.437l-.343.188l-.125.406l-.594 2.25l-.313 1.25H24c.66 0 1.105.574.969 1.219l-2.125 10a1.01 1.01 0 0 1-1 .781H11V11.406zM7 12h2v12H7z"/></svg>
React
import type { SVGProps } from "react";
export function LaThumbsUpSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16.688 3l-.313.281L9.594 10H5v16h16.844c1.41 0 2.64-.996 2.937-2.375l2.157-10C27.331 11.777 25.887 10 24 10h-5.75l.188-.75c.203-.156.332-.223.625-.625c.468-.64.937-1.633.937-2.969C20 4.23 18.71 3 17.094 3zm.718 2.094c.422.082.594.254.594.562c0 .903-.273 1.461-.531 1.813s-.438.437-.438.437l-.343.188l-.125.406l-.594 2.25l-.313 1.25H24c.66 0 1.105.574.969 1.219l-2.125 10a1.01 1.01 0 0 1-1 .781H11V11.406zM7 12h2v12H7z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m16.688 3l-.313.281L9.594 10H5v16h16.844c1.41 0 2.64-.996 2.937-2.375l2.157-10C27.331 11.777 25.887 10 24 10h-5.75l.188-.75c.203-.156.332-.223.625-.625c.468-.64.937-1.633.937-2.969C20 4.23 18.71 3 17.094 3zm.718 2.094c.422.082.594.254.594.562c0 .903-.273 1.461-.531 1.813s-.438.437-.438.437l-.343.188l-.125.406l-.594 2.25l-.313 1.25H24c.66 0 1.105.574.969 1.219l-2.125 10a1.01 1.01 0 0 1-1 .781H11V11.406zM7 12h2v12H7z"/></svg> </template>
CSS
.icon-thumbs-up-solid {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.688%203l-.313.281L9.594%2010H5v16h16.844c1.41%200%202.64-.996%202.937-2.375l2.157-10C27.331%2011.777%2025.887%2010%2024%2010h-5.75l.188-.75c.203-.156.332-.223.625-.625c.468-.64.937-1.633.937-2.969C20%204.23%2018.71%203%2017.094%203zm.718%202.094c.422.082.594.254.594.562c0%20.903-.273%201.461-.531%201.813s-.438.437-.438.437l-.343.188l-.125.406l-.594%202.25l-.313%201.25H24c.66%200%201.105.574.969%201.219l-2.125%2010a1.01%201.01%200%200%201-1%20.781H11V11.406zM7%2012h2v12H7z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m16.688%203l-.313.281L9.594%2010H5v16h16.844c1.41%200%202.64-.996%202.937-2.375l2.157-10C27.331%2011.777%2025.887%2010%2024%2010h-5.75l.188-.75c.203-.156.332-.223.625-.625c.468-.64.937-1.633.937-2.969C20%204.23%2018.71%203%2017.094%203zm.718%202.094c.422.082.594.254.594.562c0%20.903-.273%201.461-.531%201.813s-.438.437-.438.437l-.343.188l-.125.406l-.594%202.25l-.313%201.25H24c.66%200%201.105.574.969%201.219l-2.125%2010a1.01%201.01%200%200%201-1%20.781H11V11.406zM7%2012h2v12H7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/thumbs-up-solid.svg?color=%231a73e8&size=48
