Back to Explorer
16 - 512
0.5 - 4.0
Save to
actionoutline
md thumb up
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdThumbUpIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<path d="M0 0h24v24H0V0zm0 0h24v24H0V0z" fill="none"/><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z"/>
</svg>
);SVG Optimizer
Before
0.47 KB
↓
After
0.47 KB
Tags
acknowledgementagreeapprovebuttonchoiceconfirmationcontent interactioncontrolendorsementexcellentfavoritefeedbackfingersgesturegoodhandhand gesturehand signhandsindicatorlikeoptionpositivepreferencerankrankingrateratingreactionrecommendselectionsharesocial mediathumbthumbs upupvoteyes
Compare Alternatives
See how other libraries approach this concept.