like icon
like-line-duotone from Solar by 480 Design · Line Duotone · Like · CC-BY-4.0 Attribution required.
- Name
- like-line-duotone
- Set
- Solar
- Style
- Line 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="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><g opacity=".5"><path d="M3 21.5127V10.2341"/><path d="M3 10.2342L3.9716 21.4707C3.99621 21.7553 3.77207 22 3.48671 22C3.21791 22 3 21.7818 3 21.5127"/></g><path d="M13.9951 5.22145C14.1027 4.56438 14.072 3.89203 13.9048 3.24756"/><path d="M8.59634 22C7.73256 22 7.01226 21.3386 6.93776 20.4771L6.1256 11.0844C6.07944 10.5506 6.29247 10.027 6.69813 9.67749L8.13687 8.43769C8.8044 7.86246 9.44659 7.24017 9.86194 6.46261C10.1462 5.93045 10.3667 5.36723 10.518 4.78374L10.9938 2.94989C11.0859 2.59473 11.3344 2.29611 11.6742 2.13239C11.9829 1.98365 12.3402 1.95918 12.6676 2.06435L12.8126 2.11093C13.3543 2.28495 13.7662 2.71364 13.9047 3.24753"/><path d="M13.9949 5.22135L13.3322 9.26591C13.2491 9.77321 13.6401 10.2341 14.1536 10.2341H19.3347"/><path d="M19.3349 10.2342C20.3678 10.2342 21.1515 11.1662 20.9752 12.1852L20.2697 16.265C19.6974 19.5744 16.7263 22 13.2451 22H8.59644"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarLikeLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><g opacity=".5"><path d="M3 21.5127V10.2341"/><path d="M3 10.2342L3.9716 21.4707C3.99621 21.7553 3.77207 22 3.48671 22C3.21791 22 3 21.7818 3 21.5127"/></g><path d="M13.9951 5.22145C14.1027 4.56438 14.072 3.89203 13.9048 3.24756"/><path d="M8.59634 22C7.73256 22 7.01226 21.3386 6.93776 20.4771L6.1256 11.0844C6.07944 10.5506 6.29247 10.027 6.69813 9.67749L8.13687 8.43769C8.8044 7.86246 9.44659 7.24017 9.86194 6.46261C10.1462 5.93045 10.3667 5.36723 10.518 4.78374L10.9938 2.94989C11.0859 2.59473 11.3344 2.29611 11.6742 2.13239C11.9829 1.98365 12.3402 1.95918 12.6676 2.06435L12.8126 2.11093C13.3543 2.28495 13.7662 2.71364 13.9047 3.24753"/><path d="M13.9949 5.22135L13.3322 9.26591C13.2491 9.77321 13.6401 10.2341 14.1536 10.2341H19.3347"/><path d="M19.3349 10.2342C20.3678 10.2342 21.1515 11.1662 20.9752 12.1852L20.2697 16.265C19.6974 19.5744 16.7263 22 13.2451 22H8.59644"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><g opacity=".5"><path d="M3 21.5127V10.2341"/><path d="M3 10.2342L3.9716 21.4707C3.99621 21.7553 3.77207 22 3.48671 22C3.21791 22 3 21.7818 3 21.5127"/></g><path d="M13.9951 5.22145C14.1027 4.56438 14.072 3.89203 13.9048 3.24756"/><path d="M8.59634 22C7.73256 22 7.01226 21.3386 6.93776 20.4771L6.1256 11.0844C6.07944 10.5506 6.29247 10.027 6.69813 9.67749L8.13687 8.43769C8.8044 7.86246 9.44659 7.24017 9.86194 6.46261C10.1462 5.93045 10.3667 5.36723 10.518 4.78374L10.9938 2.94989C11.0859 2.59473 11.3344 2.29611 11.6742 2.13239C11.9829 1.98365 12.3402 1.95918 12.6676 2.06435L12.8126 2.11093C13.3543 2.28495 13.7662 2.71364 13.9047 3.24753"/><path d="M13.9949 5.22135L13.3322 9.26591C13.2491 9.77321 13.6401 10.2341 14.1536 10.2341H19.3347"/><path d="M19.3349 10.2342C20.3678 10.2342 21.1515 11.1662 20.9752 12.1852L20.2697 16.265C19.6974 19.5744 16.7263 22 13.2451 22H8.59644"/></g></svg> </template>
CSS
.icon-like-line-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cg%20opacity%3D%22.5%22%3E%3Cpath%20d%3D%22M3%2021.5127V10.2341%22%2F%3E%3Cpath%20d%3D%22M3%2010.2342L3.9716%2021.4707C3.99621%2021.7553%203.77207%2022%203.48671%2022C3.21791%2022%203%2021.7818%203%2021.5127%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M13.9951%205.22145C14.1027%204.56438%2014.072%203.89203%2013.9048%203.24756%22%2F%3E%3Cpath%20d%3D%22M8.59634%2022C7.73256%2022%207.01226%2021.3386%206.93776%2020.4771L6.1256%2011.0844C6.07944%2010.5506%206.29247%2010.027%206.69813%209.67749L8.13687%208.43769C8.8044%207.86246%209.44659%207.24017%209.86194%206.46261C10.1462%205.93045%2010.3667%205.36723%2010.518%204.78374L10.9938%202.94989C11.0859%202.59473%2011.3344%202.29611%2011.6742%202.13239C11.9829%201.98365%2012.3402%201.95918%2012.6676%202.06435L12.8126%202.11093C13.3543%202.28495%2013.7662%202.71364%2013.9047%203.24753%22%2F%3E%3Cpath%20d%3D%22M13.9949%205.22135L13.3322%209.26591C13.2491%209.77321%2013.6401%2010.2341%2014.1536%2010.2341H19.3347%22%2F%3E%3Cpath%20d%3D%22M19.3349%2010.2342C20.3678%2010.2342%2021.1515%2011.1662%2020.9752%2012.1852L20.2697%2016.265C19.6974%2019.5744%2016.7263%2022%2013.2451%2022H8.59644%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cg%20opacity%3D%22.5%22%3E%3Cpath%20d%3D%22M3%2021.5127V10.2341%22%2F%3E%3Cpath%20d%3D%22M3%2010.2342L3.9716%2021.4707C3.99621%2021.7553%203.77207%2022%203.48671%2022C3.21791%2022%203%2021.7818%203%2021.5127%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M13.9951%205.22145C14.1027%204.56438%2014.072%203.89203%2013.9048%203.24756%22%2F%3E%3Cpath%20d%3D%22M8.59634%2022C7.73256%2022%207.01226%2021.3386%206.93776%2020.4771L6.1256%2011.0844C6.07944%2010.5506%206.29247%2010.027%206.69813%209.67749L8.13687%208.43769C8.8044%207.86246%209.44659%207.24017%209.86194%206.46261C10.1462%205.93045%2010.3667%205.36723%2010.518%204.78374L10.9938%202.94989C11.0859%202.59473%2011.3344%202.29611%2011.6742%202.13239C11.9829%201.98365%2012.3402%201.95918%2012.6676%202.06435L12.8126%202.11093C13.3543%202.28495%2013.7662%202.71364%2013.9047%203.24753%22%2F%3E%3Cpath%20d%3D%22M13.9949%205.22135L13.3322%209.26591C13.2491%209.77321%2013.6401%2010.2341%2014.1536%2010.2341H19.3347%22%2F%3E%3Cpath%20d%3D%22M19.3349%2010.2342C20.3678%2010.2342%2021.1515%2011.1662%2020.9752%2012.1852L20.2697%2016.265C19.6974%2019.5744%2016.7263%2022%2013.2451%2022H8.59644%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-line-duotone.svg?color=%231a73e8&size=48
