thumb like icon
thumb-like-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- thumb-like-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the thumb like icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.035 1.923c.21-.52.795-1.08 1.546-.871c.59.164.973.52 1.193.996c.204.443.254.965.264 1.462c.01.535-.102 1.176-.233 1.738a15 15 0 0 1-.195.74h1.385a2 2 0 0 1 1.919 2.563l-1.364 4.646a2.5 2.5 0 0 1-3.148 1.681l-5.356-1.682a2 2 0 0 1-1.273-1.205l-.52-1.384a2 2 0 0 1 .856-2.426l1.872-1.104l.016-.012a2 2 0 0 0 .101-.08c.093-.08.233-.21.406-.403c.344-.389.817-1.036 1.292-2.045c.205-.436.377-.779.533-1.09c.253-.503.465-.924.706-1.524M5.519 7.92l-.017.01l-1.885 1.112a1 1 0 0 0-.428 1.213l.52 1.384a1 1 0 0 0 .637.603L9.7 13.924a1.5 1.5 0 0 0 1.89-1.008l1.363-4.646a1 1 0 0 0-.96-1.282H9.927a.5.5 0 0 1-.471-.667c.1-.282.252-.771.376-1.302c.126-.538.215-1.082.207-1.49c-.01-.468-.059-.816-.173-1.062c-.098-.215-.251-.368-.552-.452c-.043-.012-.094-.008-.16.035a.54.54 0 0 0-.19.246a20 20 0 0 1-.765 1.651c-.155.309-.318.634-.497 1.015c-.514 1.094-1.04 1.822-1.45 2.283c-.204.23-.378.393-.506.502a3 3 0 0 1-.202.157l-.016.01l-.005.004zm-.543-.84l-.001.001Z"/></svg>
React
import type { SVGProps } from "react";
export function FluentThumbLike16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.035 1.923c.21-.52.795-1.08 1.546-.871c.59.164.973.52 1.193.996c.204.443.254.965.264 1.462c.01.535-.102 1.176-.233 1.738a15 15 0 0 1-.195.74h1.385a2 2 0 0 1 1.919 2.563l-1.364 4.646a2.5 2.5 0 0 1-3.148 1.681l-5.356-1.682a2 2 0 0 1-1.273-1.205l-.52-1.384a2 2 0 0 1 .856-2.426l1.872-1.104l.016-.012a2 2 0 0 0 .101-.08c.093-.08.233-.21.406-.403c.344-.389.817-1.036 1.292-2.045c.205-.436.377-.779.533-1.09c.253-.503.465-.924.706-1.524M5.519 7.92l-.017.01l-1.885 1.112a1 1 0 0 0-.428 1.213l.52 1.384a1 1 0 0 0 .637.603L9.7 13.924a1.5 1.5 0 0 0 1.89-1.008l1.363-4.646a1 1 0 0 0-.96-1.282H9.927a.5.5 0 0 1-.471-.667c.1-.282.252-.771.376-1.302c.126-.538.215-1.082.207-1.49c-.01-.468-.059-.816-.173-1.062c-.098-.215-.251-.368-.552-.452c-.043-.012-.094-.008-.16.035a.54.54 0 0 0-.19.246a20 20 0 0 1-.765 1.651c-.155.309-.318.634-.497 1.015c-.514 1.094-1.04 1.822-1.45 2.283c-.204.23-.378.393-.506.502a3 3 0 0 1-.202.157l-.016.01l-.005.004zm-.543-.84l-.001.001Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M8.035 1.923c.21-.52.795-1.08 1.546-.871c.59.164.973.52 1.193.996c.204.443.254.965.264 1.462c.01.535-.102 1.176-.233 1.738a15 15 0 0 1-.195.74h1.385a2 2 0 0 1 1.919 2.563l-1.364 4.646a2.5 2.5 0 0 1-3.148 1.681l-5.356-1.682a2 2 0 0 1-1.273-1.205l-.52-1.384a2 2 0 0 1 .856-2.426l1.872-1.104l.016-.012a2 2 0 0 0 .101-.08c.093-.08.233-.21.406-.403c.344-.389.817-1.036 1.292-2.045c.205-.436.377-.779.533-1.09c.253-.503.465-.924.706-1.524M5.519 7.92l-.017.01l-1.885 1.112a1 1 0 0 0-.428 1.213l.52 1.384a1 1 0 0 0 .637.603L9.7 13.924a1.5 1.5 0 0 0 1.89-1.008l1.363-4.646a1 1 0 0 0-.96-1.282H9.927a.5.5 0 0 1-.471-.667c.1-.282.252-.771.376-1.302c.126-.538.215-1.082.207-1.49c-.01-.468-.059-.816-.173-1.062c-.098-.215-.251-.368-.552-.452c-.043-.012-.094-.008-.16.035a.54.54 0 0 0-.19.246a20 20 0 0 1-.765 1.651c-.155.309-.318.634-.497 1.015c-.514 1.094-1.04 1.822-1.45 2.283c-.204.23-.378.393-.506.502a3 3 0 0 1-.202.157l-.016.01l-.005.004zm-.543-.84l-.001.001Z"/></svg> </template>
CSS
.icon-thumb-like-16-regular {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.035%201.923c.21-.52.795-1.08%201.546-.871c.59.164.973.52%201.193.996c.204.443.254.965.264%201.462c.01.535-.102%201.176-.233%201.738a15%2015%200%200%201-.195.74h1.385a2%202%200%200%201%201.919%202.563l-1.364%204.646a2.5%202.5%200%200%201-3.148%201.681l-5.356-1.682a2%202%200%200%201-1.273-1.205l-.52-1.384a2%202%200%200%201%20.856-2.426l1.872-1.104l.016-.012a2%202%200%200%200%20.101-.08c.093-.08.233-.21.406-.403c.344-.389.817-1.036%201.292-2.045c.205-.436.377-.779.533-1.09c.253-.503.465-.924.706-1.524M5.519%207.92l-.017.01l-1.885%201.112a1%201%200%200%200-.428%201.213l.52%201.384a1%201%200%200%200%20.637.603L9.7%2013.924a1.5%201.5%200%200%200%201.89-1.008l1.363-4.646a1%201%200%200%200-.96-1.282H9.927a.5.5%200%200%201-.471-.667c.1-.282.252-.771.376-1.302c.126-.538.215-1.082.207-1.49c-.01-.468-.059-.816-.173-1.062c-.098-.215-.251-.368-.552-.452c-.043-.012-.094-.008-.16.035a.54.54%200%200%200-.19.246a20%2020%200%200%201-.765%201.651c-.155.309-.318.634-.497%201.015c-.514%201.094-1.04%201.822-1.45%202.283c-.204.23-.378.393-.506.502a3%203%200%200%201-.202.157l-.016.01l-.005.004zm-.543-.84l-.001.001Z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.035%201.923c.21-.52.795-1.08%201.546-.871c.59.164.973.52%201.193.996c.204.443.254.965.264%201.462c.01.535-.102%201.176-.233%201.738a15%2015%200%200%201-.195.74h1.385a2%202%200%200%201%201.919%202.563l-1.364%204.646a2.5%202.5%200%200%201-3.148%201.681l-5.356-1.682a2%202%200%200%201-1.273-1.205l-.52-1.384a2%202%200%200%201%20.856-2.426l1.872-1.104l.016-.012a2%202%200%200%200%20.101-.08c.093-.08.233-.21.406-.403c.344-.389.817-1.036%201.292-2.045c.205-.436.377-.779.533-1.09c.253-.503.465-.924.706-1.524M5.519%207.92l-.017.01l-1.885%201.112a1%201%200%200%200-.428%201.213l.52%201.384a1%201%200%200%200%20.637.603L9.7%2013.924a1.5%201.5%200%200%200%201.89-1.008l1.363-4.646a1%201%200%200%200-.96-1.282H9.927a.5.5%200%200%201-.471-.667c.1-.282.252-.771.376-1.302c.126-.538.215-1.082.207-1.49c-.01-.468-.059-.816-.173-1.062c-.098-.215-.251-.368-.552-.452c-.043-.012-.094-.008-.16.035a.54.54%200%200%200-.19.246a20%2020%200%200%201-.765%201.651c-.155.309-.318.634-.497%201.015c-.514%201.094-1.04%201.822-1.45%202.283c-.204.23-.378.393-.506.502a3%203%200%200%201-.202.157l-.016.01l-.005.004zm-.543-.84l-.001.001Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/thumb-like-16-regular.svg?color=%231a73e8&size=48
