thumbs up double icon
thumbs-up-double-outline from Material Symbols Light by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- thumbs-up-double-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
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="M18.21 16.192L21 9.672v-.48q0-.269-.173-.442t-.442-.173h-5.3l.57-4.004l-2.24 2.221l-.344-.347l-.344-.347l3.08-3.1l.397.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.221zM5.77 20H2v-8.615h3.77v1H3V19h2.77zm6.77 0H4.77v-7.923l5.25-5.27l.395.397q.274.273.392.633t.062.74l-.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.258m.403-1l2.364-5.496V13q0-.27-.174-.442q-.173-.173-.442-.173H9.296l.571-4.004l-4.098 4.117V19zM5.77 19v-6.615z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightThumbsUpDoubleOutline(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="M18.21 16.192L21 9.672v-.48q0-.269-.173-.442t-.442-.173h-5.3l.57-4.004l-2.24 2.221l-.344-.347l-.344-.347l3.08-3.1l.397.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.221zM5.77 20H2v-8.615h3.77v1H3V19h2.77zm6.77 0H4.77v-7.923l5.25-5.27l.395.397q.274.273.392.633t.062.74l-.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.258m.403-1l2.364-5.496V13q0-.27-.174-.442q-.173-.173-.442-.173H9.296l.571-4.004l-4.098 4.117V19zM5.77 19v-6.615z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.21 16.192L21 9.672v-.48q0-.269-.173-.442t-.442-.173h-5.3l.57-4.004l-2.24 2.221l-.344-.347l-.344-.347l3.08-3.1l.397.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.221zM5.77 20H2v-8.615h3.77v1H3V19h2.77zm6.77 0H4.77v-7.923l5.25-5.27l.395.397q.274.273.392.633t.062.74l-.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.258m.403-1l2.364-5.496V13q0-.27-.174-.442q-.173-.173-.442-.173H9.296l.571-4.004l-4.098 4.117V19zM5.77 19v-6.615z"/></svg> </template>
CSS
.icon-thumbs-up-double-outline {
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%22M18.21%2016.192L21%209.672v-.48q0-.269-.173-.442t-.442-.173h-5.3l.57-4.004l-2.24%202.221l-.344-.347l-.344-.347l3.08-3.1l.397.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.221zM5.77%2020H2v-8.615h3.77v1H3V19h2.77zm6.77%200H4.77v-7.923l5.25-5.27l.395.397q.274.273.392.633t.062.74l-.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.258m.403-1l2.364-5.496V13q0-.27-.174-.442q-.173-.173-.442-.173H9.296l.571-4.004l-4.098%204.117V19zM5.77%2019v-6.615z%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%22M18.21%2016.192L21%209.672v-.48q0-.269-.173-.442t-.442-.173h-5.3l.57-4.004l-2.24%202.221l-.344-.347l-.344-.347l3.08-3.1l.397.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.221zM5.77%2020H2v-8.615h3.77v1H3V19h2.77zm6.77%200H4.77v-7.923l5.25-5.27l.395.397q.274.273.392.633t.062.74l-.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.258m.403-1l2.364-5.496V13q0-.27-.174-.442q-.173-.173-.442-.173H9.296l.571-4.004l-4.098%204.117V19zM5.77%2019v-6.615z%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-outline.svg?color=%231a73e8&size=48
