Thumbs Up Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Thumbs Up icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306672.svg" alt="Thumbs Up icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306672.svg" alt="Thumbs Up icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306672.svg" alt="Thumbs Up icon" :width="24" :height="24" />
CSS background
.icon-thumbs-up {
background-image: url('https://proicons.com/icon/306672.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M192 419H96c-24 0-33 9-33 33v421c0 21 10 32 31 32h98c22 0 33-10 33-33V452c0-24-10-33-33-33zm640-28H563c0-3 1-4 1-6 10-50 19-100 19-152 0-33-2-65-16-95-9-19-21-35-43-41s-39 3-42 23c-3 14-5 28-7 42-3 32-12 61-34 85-13 14-24 30-37 43-32 33-57 70-74 112-3 8-8 16-12 24-8 13-20 19-35 20-16 1-24 7-28 22-2 7-3 15-3 23v343c0 5 0 11 1 18 3 17 14 26 32 26 7 0 14 1 21 1 27 1 54 5 80 11 28 7 55 16 84 16h223c1 0 3 0 5-1 51-2 92-44 93-95 27-20 45-51 45-87v-2-9c4-2 7-5 10-8 21-19 34-47 34-77v-2c0-11-2-21-5-30 37-17 62-54 62-97v-1c1-59-47-106-105-106z"/></svg>
More from IcoFont
View all
Thumbs Up in other icon packs
Copied!