thumbs up double icon

thumbs-up-double from Carbon by IBM · Outline · Actions · Apache-2.0 Free for personal and commercial use.

Name
thumbs-up-double
Set
Carbon
Style
Outline
Category
Actions
Viewbox
32×32
License
Apache 2.0

1 other variant in Carbon

The same icon in other sets

More actions icons from Carbon

Use the thumbs up double icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.764 14H15l-.002-4.432C14.998 7.468 13.765 6 12 6h-1C9.473 6 9.246 7.527 9.125 8.348c-.023.15-.683 4.805-.683 4.805L6.399 17H2v13h16.333A6.675 6.675 0 0 0 25 23.333V18.23A4.234 4.234 0 0 0 20.764 14M4 28v-9h2l-.002 9zm19-4.668A4.673 4.673 0 0 1 18.333 28H8v-9.751l2.374-4.47s.798-5.603.843-5.78H12c.97 0 .998 1.409.998 1.57l.002 6.43h7.764c1.234 0 2.236.996 2.236 2.23zm8-10.103v5.104a6.67 6.67 0 0 1-2.998 5.56l-1.004-1.739A4.66 4.66 0 0 0 29 18.333V13.23A2.23 2.23 0 0 0 26.764 11H19l-.002-6.43C18.998 4.409 18.97 3 18 3h-.783c-.018.069-.148.949-.3 2.001h-2.028l.235-1.652C15.246 2.528 15.473 1 17 1h1c1.765 0 2.998 1.467 2.998 3.568L21 9h5.764A4.234 4.234 0 0 1 31 13.23"/></svg>

React

import type { SVGProps } from "react";

export function CarbonThumbsUpDouble(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="M20.764 14H15l-.002-4.432C14.998 7.468 13.765 6 12 6h-1C9.473 6 9.246 7.527 9.125 8.348c-.023.15-.683 4.805-.683 4.805L6.399 17H2v13h16.333A6.675 6.675 0 0 0 25 23.333V18.23A4.234 4.234 0 0 0 20.764 14M4 28v-9h2l-.002 9zm19-4.668A4.673 4.673 0 0 1 18.333 28H8v-9.751l2.374-4.47s.798-5.603.843-5.78H12c.97 0 .998 1.409.998 1.57l.002 6.43h7.764c1.234 0 2.236.996 2.236 2.23zm8-10.103v5.104a6.67 6.67 0 0 1-2.998 5.56l-1.004-1.739A4.66 4.66 0 0 0 29 18.333V13.23A2.23 2.23 0 0 0 26.764 11H19l-.002-6.43C18.998 4.409 18.97 3 18 3h-.783c-.018.069-.148.949-.3 2.001h-2.028l.235-1.652C15.246 2.528 15.473 1 17 1h1c1.765 0 2.998 1.467 2.998 3.568L21 9h5.764A4.234 4.234 0 0 1 31 13.23"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.764 14H15l-.002-4.432C14.998 7.468 13.765 6 12 6h-1C9.473 6 9.246 7.527 9.125 8.348c-.023.15-.683 4.805-.683 4.805L6.399 17H2v13h16.333A6.675 6.675 0 0 0 25 23.333V18.23A4.234 4.234 0 0 0 20.764 14M4 28v-9h2l-.002 9zm19-4.668A4.673 4.673 0 0 1 18.333 28H8v-9.751l2.374-4.47s.798-5.603.843-5.78H12c.97 0 .998 1.409.998 1.57l.002 6.43h7.764c1.234 0 2.236.996 2.236 2.23zm8-10.103v5.104a6.67 6.67 0 0 1-2.998 5.56l-1.004-1.739A4.66 4.66 0 0 0 29 18.333V13.23A2.23 2.23 0 0 0 26.764 11H19l-.002-6.43C18.998 4.409 18.97 3 18 3h-.783c-.018.069-.148.949-.3 2.001h-2.028l.235-1.652C15.246 2.528 15.473 1 17 1h1c1.765 0 2.998 1.467 2.998 3.568L21 9h5.764A4.234 4.234 0 0 1 31 13.23"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.764%2014H15l-.002-4.432C14.998%207.468%2013.765%206%2012%206h-1C9.473%206%209.246%207.527%209.125%208.348c-.023.15-.683%204.805-.683%204.805L6.399%2017H2v13h16.333A6.675%206.675%200%200%200%2025%2023.333V18.23A4.234%204.234%200%200%200%2020.764%2014M4%2028v-9h2l-.002%209zm19-4.668A4.673%204.673%200%200%201%2018.333%2028H8v-9.751l2.374-4.47s.798-5.603.843-5.78H12c.97%200%20.998%201.409.998%201.57l.002%206.43h7.764c1.234%200%202.236.996%202.236%202.23zm8-10.103v5.104a6.67%206.67%200%200%201-2.998%205.56l-1.004-1.739A4.66%204.66%200%200%200%2029%2018.333V13.23A2.23%202.23%200%200%200%2026.764%2011H19l-.002-6.43C18.998%204.409%2018.97%203%2018%203h-.783c-.018.069-.148.949-.3%202.001h-2.028l.235-1.652C15.246%202.528%2015.473%201%2017%201h1c1.765%200%202.998%201.467%202.998%203.568L21%209h5.764A4.234%204.234%200%200%201%2031%2013.23%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%22M20.764%2014H15l-.002-4.432C14.998%207.468%2013.765%206%2012%206h-1C9.473%206%209.246%207.527%209.125%208.348c-.023.15-.683%204.805-.683%204.805L6.399%2017H2v13h16.333A6.675%206.675%200%200%200%2025%2023.333V18.23A4.234%204.234%200%200%200%2020.764%2014M4%2028v-9h2l-.002%209zm19-4.668A4.673%204.673%200%200%201%2018.333%2028H8v-9.751l2.374-4.47s.798-5.603.843-5.78H12c.97%200%20.998%201.409.998%201.57l.002%206.43h7.764c1.234%200%202.236.996%202.236%202.23zm8-10.103v5.104a6.67%206.67%200%200%201-2.998%205.56l-1.004-1.739A4.66%204.66%200%200%200%2029%2018.333V13.23A2.23%202.23%200%200%200%2026.764%2011H19l-.002-6.43C18.998%204.409%2018.97%203%2018%203h-.783c-.018.069-.148.949-.3%202.001h-2.028l.235-1.652C15.246%202.528%2015.473%201%2017%201h1c1.765%200%202.998%201.467%202.998%203.568L21%209h5.764A4.234%204.234%200%200%201%2031%2013.23%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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