like icon
like-bold-duotone from Solar by 480 Design · Bold Duotone · Like · CC-BY-4.0 Attribution required.
- Name
- like-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Like
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More like icons from Solar
Use the like icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.2694 16.265L20.9749 12.1852C21.1511 11.1662 20.3675 10.2342 19.3345 10.2342H14.1534C13.6399 10.2342 13.2489 9.77328 13.332 9.26598L13.9947 5.22142C14.1024 4.56435 14.0716 3.892 13.9044 3.24752C13.7659 2.71364 13.354 2.28495 12.8123 2.11093L12.6673 2.06435C12.3399 1.95918 11.9826 1.98365 11.6739 2.13239C11.3342 2.29611 11.0856 2.59473 10.9935 2.94989L10.5178 4.78374C10.3664 5.36723 10.146 5.93045 9.8617 6.46262C9.44634 7.24017 8.80416 7.86246 8.13663 8.43769L6.69789 9.67749C6.29223 10.0271 6.07919 10.5506 6.12535 11.0844L6.93752 20.4771C7.01201 21.3386 7.73231 22 8.59609 22H13.2447C16.726 22 19.697 19.5744 20.2694 16.265Z"/><path fill-rule="evenodd" d="M2.96767 9.48508C3.36893 9.46777 3.71261 9.76963 3.74721 10.1698L4.71881 21.4063C4.78122 22.1281 4.21268 22.7502 3.48671 22.7502C2.80289 22.7502 2.25 22.1954 2.25 21.5129V10.2344C2.25 9.83275 2.5664 9.5024 2.96767 9.48508Z" clip-rule="evenodd" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarLikeBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.2694 16.265L20.9749 12.1852C21.1511 11.1662 20.3675 10.2342 19.3345 10.2342H14.1534C13.6399 10.2342 13.2489 9.77328 13.332 9.26598L13.9947 5.22142C14.1024 4.56435 14.0716 3.892 13.9044 3.24752C13.7659 2.71364 13.354 2.28495 12.8123 2.11093L12.6673 2.06435C12.3399 1.95918 11.9826 1.98365 11.6739 2.13239C11.3342 2.29611 11.0856 2.59473 10.9935 2.94989L10.5178 4.78374C10.3664 5.36723 10.146 5.93045 9.8617 6.46262C9.44634 7.24017 8.80416 7.86246 8.13663 8.43769L6.69789 9.67749C6.29223 10.0271 6.07919 10.5506 6.12535 11.0844L6.93752 20.4771C7.01201 21.3386 7.73231 22 8.59609 22H13.2447C16.726 22 19.697 19.5744 20.2694 16.265Z"/><path fillRule="evenodd" d="M2.96767 9.48508C3.36893 9.46777 3.71261 9.76963 3.74721 10.1698L4.71881 21.4063C4.78122 22.1281 4.21268 22.7502 3.48671 22.7502C2.80289 22.7502 2.25 22.1954 2.25 21.5129V10.2344C2.25 9.83275 2.5664 9.5024 2.96767 9.48508Z" clipRule="evenodd" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.2694 16.265L20.9749 12.1852C21.1511 11.1662 20.3675 10.2342 19.3345 10.2342H14.1534C13.6399 10.2342 13.2489 9.77328 13.332 9.26598L13.9947 5.22142C14.1024 4.56435 14.0716 3.892 13.9044 3.24752C13.7659 2.71364 13.354 2.28495 12.8123 2.11093L12.6673 2.06435C12.3399 1.95918 11.9826 1.98365 11.6739 2.13239C11.3342 2.29611 11.0856 2.59473 10.9935 2.94989L10.5178 4.78374C10.3664 5.36723 10.146 5.93045 9.8617 6.46262C9.44634 7.24017 8.80416 7.86246 8.13663 8.43769L6.69789 9.67749C6.29223 10.0271 6.07919 10.5506 6.12535 11.0844L6.93752 20.4771C7.01201 21.3386 7.73231 22 8.59609 22H13.2447C16.726 22 19.697 19.5744 20.2694 16.265Z"/><path fill-rule="evenodd" d="M2.96767 9.48508C3.36893 9.46777 3.71261 9.76963 3.74721 10.1698L4.71881 21.4063C4.78122 22.1281 4.21268 22.7502 3.48671 22.7502C2.80289 22.7502 2.25 22.1954 2.25 21.5129V10.2344C2.25 9.83275 2.5664 9.5024 2.96767 9.48508Z" clip-rule="evenodd" opacity=".5"/></g></svg> </template>
CSS
.icon-like-bold-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M20.2694%2016.265L20.9749%2012.1852C21.1511%2011.1662%2020.3675%2010.2342%2019.3345%2010.2342H14.1534C13.6399%2010.2342%2013.2489%209.77328%2013.332%209.26598L13.9947%205.22142C14.1024%204.56435%2014.0716%203.892%2013.9044%203.24752C13.7659%202.71364%2013.354%202.28495%2012.8123%202.11093L12.6673%202.06435C12.3399%201.95918%2011.9826%201.98365%2011.6739%202.13239C11.3342%202.29611%2011.0856%202.59473%2010.9935%202.94989L10.5178%204.78374C10.3664%205.36723%2010.146%205.93045%209.8617%206.46262C9.44634%207.24017%208.80416%207.86246%208.13663%208.43769L6.69789%209.67749C6.29223%2010.0271%206.07919%2010.5506%206.12535%2011.0844L6.93752%2020.4771C7.01201%2021.3386%207.73231%2022%208.59609%2022H13.2447C16.726%2022%2019.697%2019.5744%2020.2694%2016.265Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.96767%209.48508C3.36893%209.46777%203.71261%209.76963%203.74721%2010.1698L4.71881%2021.4063C4.78122%2022.1281%204.21268%2022.7502%203.48671%2022.7502C2.80289%2022.7502%202.25%2022.1954%202.25%2021.5129V10.2344C2.25%209.83275%202.5664%209.5024%202.96767%209.48508Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M20.2694%2016.265L20.9749%2012.1852C21.1511%2011.1662%2020.3675%2010.2342%2019.3345%2010.2342H14.1534C13.6399%2010.2342%2013.2489%209.77328%2013.332%209.26598L13.9947%205.22142C14.1024%204.56435%2014.0716%203.892%2013.9044%203.24752C13.7659%202.71364%2013.354%202.28495%2012.8123%202.11093L12.6673%202.06435C12.3399%201.95918%2011.9826%201.98365%2011.6739%202.13239C11.3342%202.29611%2011.0856%202.59473%2010.9935%202.94989L10.5178%204.78374C10.3664%205.36723%2010.146%205.93045%209.8617%206.46262C9.44634%207.24017%208.80416%207.86246%208.13663%208.43769L6.69789%209.67749C6.29223%2010.0271%206.07919%2010.5506%206.12535%2011.0844L6.93752%2020.4771C7.01201%2021.3386%207.73231%2022%208.59609%2022H13.2447C16.726%2022%2019.697%2019.5744%2020.2694%2016.265Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.96767%209.48508C3.36893%209.46777%203.71261%209.76963%203.74721%2010.1698L4.71881%2021.4063C4.78122%2022.1281%204.21268%2022.7502%203.48671%2022.7502C2.80289%2022.7502%202.25%2022.1954%202.25%2021.5129V10.2344C2.25%209.83275%202.5664%209.5024%202.96767%209.48508Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/like-bold-duotone.svg?color=%231a73e8&size=48
