thumbs up double icon

thumbs-up-double from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: thumbs-up-double
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

thumbs-up-double-outline thumbs-up-double-outline-rounded thumbs-up-double-outline-sharp thumbs-up-double-rounded thumbs-up-double-sharp

The same icon in other sets

thumbs-up-doubleCarbon thumbs-up-doubleMaterial Symbols

More social icons from Material Symbols Light

Use the thumbs up double icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.842 16.192l.525-1.228q.175-.375.25-.763t.075-.812V13q0-1.65-1.175-2.825T14.692 9h-1.457q.106-.8-.048-1.506q-.154-.705-.556-1.298L15.808 3l.396.396q.273.273.381.624q.11.351.053.73l-.407 2.827h4.153q.672 0 1.144.472T22 9.192v.364q0 .161-.038.323q-.037.162-.093.304l-2.21 5.188q-.153.377-.5.6q-.346.221-.753.221zM2 20v-8.615h1.462V20zm3.385 0v-8.538l4.634-4.654l.396.396q.274.273.392.634t.062.739l-.408 2.808h4.231q.671 0 1.143.472q.473.472.473 1.143v.389q0 .161-.038.31t-.093.31l-2.152 5.022q-.192.454-.596.711q-.404.258-.888.258z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightThumbsUpDouble(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" d="m17.842 16.192l.525-1.228q.175-.375.25-.763t.075-.812V13q0-1.65-1.175-2.825T14.692 9h-1.457q.106-.8-.048-1.506q-.154-.705-.556-1.298L15.808 3l.396.396q.273.273.381.624q.11.351.053.73l-.407 2.827h4.153q.672 0 1.144.472T22 9.192v.364q0 .161-.038.323q-.037.162-.093.304l-2.21 5.188q-.153.377-.5.6q-.346.221-.753.221zM2 20v-8.615h1.462V20zm3.385 0v-8.538l4.634-4.654l.396.396q.274.273.392.634t.062.739l-.408 2.808h4.231q.671 0 1.143.472q.473.472.473 1.143v.389q0 .161-.038.31t-.093.31l-2.152 5.022q-.192.454-.596.711q-.404.258-.888.258z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.842 16.192l.525-1.228q.175-.375.25-.763t.075-.812V13q0-1.65-1.175-2.825T14.692 9h-1.457q.106-.8-.048-1.506q-.154-.705-.556-1.298L15.808 3l.396.396q.273.273.381.624q.11.351.053.73l-.407 2.827h4.153q.672 0 1.144.472T22 9.192v.364q0 .161-.038.323q-.037.162-.093.304l-2.21 5.188q-.153.377-.5.6q-.346.221-.753.221zM2 20v-8.615h1.462V20zm3.385 0v-8.538l4.634-4.654l.396.396q.274.273.392.634t.062.739l-.408 2.808h4.231q.671 0 1.143.472q.473.472.473 1.143v.389q0 .161-.038.31t-.093.31l-2.152 5.022q-.192.454-.596.711q-.404.258-.888.258z"/></svg>
</template>

CSS

.icon-thumbs-up-double {
  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%20d%3D%22m17.842%2016.192l.525-1.228q.175-.375.25-.763t.075-.812V13q0-1.65-1.175-2.825T14.692%209h-1.457q.106-.8-.048-1.506q-.154-.705-.556-1.298L15.808%203l.396.396q.273.273.381.624q.11.351.053.73l-.407%202.827h4.153q.672%200%201.144.472T22%209.192v.364q0%20.161-.038.323q-.037.162-.093.304l-2.21%205.188q-.153.377-.5.6q-.346.221-.753.221zM2%2020v-8.615h1.462V20zm3.385%200v-8.538l4.634-4.654l.396.396q.274.273.392.634t.062.739l-.408%202.808h4.231q.671%200%201.143.472q.473.472.473%201.143v.389q0%20.161-.038.31t-.093.31l-2.152%205.022q-.192.454-.596.711q-.404.258-.888.258z%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%20d%3D%22m17.842%2016.192l.525-1.228q.175-.375.25-.763t.075-.812V13q0-1.65-1.175-2.825T14.692%209h-1.457q.106-.8-.048-1.506q-.154-.705-.556-1.298L15.808%203l.396.396q.273.273.381.624q.11.351.053.73l-.407%202.827h4.153q.672%200%201.144.472T22%209.192v.364q0%20.161-.038.323q-.037.162-.093.304l-2.21%205.188q-.153.377-.5.6q-.346.221-.753.221zM2%2020v-8.615h1.462V20zm3.385%200v-8.538l4.634-4.654l.396.396q.274.273.392.634t.062.739l-.408%202.808h4.231q.671%200%201.143.472q.473.472.473%201.143v.389q0%20.161-.038.31t-.093.31l-2.152%205.022q-.192.454-.596.711q-.404.258-.888.258z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/thumbs-up-double.svg?color=%231a73e8&size=48