like icon
like-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- like-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- License
- MIT
1 other variant in Fluent UI System Icons
The same icon in other sets
Use the like icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><path d="M8.037 1.924c.209-.521.795-1.08 1.545-.872c.59.164.974.52 1.193.996c.204.444.255.965.264 1.462c.01.535-.101 1.177-.233 1.738c-.06.261-.128.513-.194.74h1.385a2 2 0 0 1 1.919 2.564l-1.365 4.646a2.5 2.5 0 0 1-3.148 1.68l-5.355-1.682a2 2 0 0 1-1.273-1.204l-.52-1.385a2 2 0 0 1 .856-2.425l1.872-1.105a4.062 4.062 0 0 0 .523-.495c.343-.388.817-1.035 1.291-2.045c.205-.436.378-.778.534-1.09c.253-.503.465-.924.706-1.523zM5.52 7.92a.517.517 0 0 1-.017.01L3.619 9.044a1 1 0 0 0-.428 1.213l.52 1.384a1 1 0 0 0 .636.602l5.356 1.682a1.5 1.5 0 0 0 1.889-1.008l1.364-4.646a1 1 0 0 0-.96-1.282H9.929a.5.5 0 0 1-.472-.667c.1-.282.252-.77.377-1.301c.126-.538.214-1.083.206-1.49c-.009-.469-.058-.816-.172-1.063c-.099-.214-.251-.368-.552-.452c-.044-.012-.094-.008-.16.035a.538.538 0 0 0-.19.246c-.254.632-.497 1.116-.765 1.651c-.155.309-.319.635-.498 1.016c-.513 1.093-1.04 1.821-1.449 2.282c-.204.23-.378.394-.506.502a2.919 2.919 0 0 1-.203.157l-.015.01l-.006.005l-.002.001z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentLike16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><path d="M8.037 1.924c.209-.521.795-1.08 1.545-.872c.59.164.974.52 1.193.996c.204.444.255.965.264 1.462c.01.535-.101 1.177-.233 1.738c-.06.261-.128.513-.194.74h1.385a2 2 0 0 1 1.919 2.564l-1.365 4.646a2.5 2.5 0 0 1-3.148 1.68l-5.355-1.682a2 2 0 0 1-1.273-1.204l-.52-1.385a2 2 0 0 1 .856-2.425l1.872-1.105a4.062 4.062 0 0 0 .523-.495c.343-.388.817-1.035 1.291-2.045c.205-.436.378-.778.534-1.09c.253-.503.465-.924.706-1.523zM5.52 7.92a.517.517 0 0 1-.017.01L3.619 9.044a1 1 0 0 0-.428 1.213l.52 1.384a1 1 0 0 0 .636.602l5.356 1.682a1.5 1.5 0 0 0 1.889-1.008l1.364-4.646a1 1 0 0 0-.96-1.282H9.929a.5.5 0 0 1-.472-.667c.1-.282.252-.77.377-1.301c.126-.538.214-1.083.206-1.49c-.009-.469-.058-.816-.172-1.063c-.099-.214-.251-.368-.552-.452c-.044-.012-.094-.008-.16.035a.538.538 0 0 0-.19.246c-.254.632-.497 1.116-.765 1.651c-.155.309-.319.635-.498 1.016c-.513 1.093-1.04 1.821-1.449 2.282c-.204.23-.378.394-.506.502a2.919 2.919 0 0 1-.203.157l-.015.01l-.006.005l-.002.001z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="none"><path d="M8.037 1.924c.209-.521.795-1.08 1.545-.872c.59.164.974.52 1.193.996c.204.444.255.965.264 1.462c.01.535-.101 1.177-.233 1.738c-.06.261-.128.513-.194.74h1.385a2 2 0 0 1 1.919 2.564l-1.365 4.646a2.5 2.5 0 0 1-3.148 1.68l-5.355-1.682a2 2 0 0 1-1.273-1.204l-.52-1.385a2 2 0 0 1 .856-2.425l1.872-1.105a4.062 4.062 0 0 0 .523-.495c.343-.388.817-1.035 1.291-2.045c.205-.436.378-.778.534-1.09c.253-.503.465-.924.706-1.523zM5.52 7.92a.517.517 0 0 1-.017.01L3.619 9.044a1 1 0 0 0-.428 1.213l.52 1.384a1 1 0 0 0 .636.602l5.356 1.682a1.5 1.5 0 0 0 1.889-1.008l1.364-4.646a1 1 0 0 0-.96-1.282H9.929a.5.5 0 0 1-.472-.667c.1-.282.252-.77.377-1.301c.126-.538.214-1.083.206-1.49c-.009-.469-.058-.816-.172-1.063c-.099-.214-.251-.368-.552-.452c-.044-.012-.094-.008-.16.035a.538.538 0 0 0-.19.246c-.254.632-.497 1.116-.765 1.651c-.155.309-.319.635-.498 1.016c-.513 1.093-1.04 1.821-1.449 2.282c-.204.23-.378.394-.506.502a2.919 2.919 0 0 1-.203.157l-.015.01l-.006.005l-.002.001z" fill="currentColor"/></g></svg> </template>
CSS
.icon-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%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.037%201.924c.209-.521.795-1.08%201.545-.872c.59.164.974.52%201.193.996c.204.444.255.965.264%201.462c.01.535-.101%201.177-.233%201.738c-.06.261-.128.513-.194.74h1.385a2%202%200%200%201%201.919%202.564l-1.365%204.646a2.5%202.5%200%200%201-3.148%201.68l-5.355-1.682a2%202%200%200%201-1.273-1.204l-.52-1.385a2%202%200%200%201%20.856-2.425l1.872-1.105a4.062%204.062%200%200%200%20.523-.495c.343-.388.817-1.035%201.291-2.045c.205-.436.378-.778.534-1.09c.253-.503.465-.924.706-1.523zM5.52%207.92a.517.517%200%200%201-.017.01L3.619%209.044a1%201%200%200%200-.428%201.213l.52%201.384a1%201%200%200%200%20.636.602l5.356%201.682a1.5%201.5%200%200%200%201.889-1.008l1.364-4.646a1%201%200%200%200-.96-1.282H9.929a.5.5%200%200%201-.472-.667c.1-.282.252-.77.377-1.301c.126-.538.214-1.083.206-1.49c-.009-.469-.058-.816-.172-1.063c-.099-.214-.251-.368-.552-.452c-.044-.012-.094-.008-.16.035a.538.538%200%200%200-.19.246c-.254.632-.497%201.116-.765%201.651c-.155.309-.319.635-.498%201.016c-.513%201.093-1.04%201.821-1.449%202.282c-.204.23-.378.394-.506.502a2.919%202.919%200%200%201-.203.157l-.015.01l-.006.005l-.002.001z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.037%201.924c.209-.521.795-1.08%201.545-.872c.59.164.974.52%201.193.996c.204.444.255.965.264%201.462c.01.535-.101%201.177-.233%201.738c-.06.261-.128.513-.194.74h1.385a2%202%200%200%201%201.919%202.564l-1.365%204.646a2.5%202.5%200%200%201-3.148%201.68l-5.355-1.682a2%202%200%200%201-1.273-1.204l-.52-1.385a2%202%200%200%201%20.856-2.425l1.872-1.105a4.062%204.062%200%200%200%20.523-.495c.343-.388.817-1.035%201.291-2.045c.205-.436.378-.778.534-1.09c.253-.503.465-.924.706-1.523zM5.52%207.92a.517.517%200%200%201-.017.01L3.619%209.044a1%201%200%200%200-.428%201.213l.52%201.384a1%201%200%200%200%20.636.602l5.356%201.682a1.5%201.5%200%200%200%201.889-1.008l1.364-4.646a1%201%200%200%200-.96-1.282H9.929a.5.5%200%200%201-.472-.667c.1-.282.252-.77.377-1.301c.126-.538.214-1.083.206-1.49c-.009-.469-.058-.816-.172-1.063c-.099-.214-.251-.368-.552-.452c-.044-.012-.094-.008-.16.035a.538.538%200%200%200-.19.246c-.254.632-.497%201.116-.765%201.651c-.155.309-.319.635-.498%201.016c-.513%201.093-1.04%201.821-1.449%202.282c-.204.23-.378.394-.506.502a2.919%202.919%200%200%201-.203.157l-.015.01l-.006.005l-.002.001z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/like-16-regular.svg?color=%231a73e8&size=48
