multiple forward left icon

multiple-forward-left-linear from Solar by 480 Design · Linear · Messages · CC-BY-4.0 Attribution required.

Name
multiple-forward-left-linear
Set
Solar
Style
Linear
Category
Messages
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

More messages icons from Solar

Use the multiple forward left 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"><path stroke-linejoin="round" d="M11.3355 5.47875L7.3632 9.00968C5.79457 10.404 5.01025 11.1012 5.01025 11.9993C5.01025 12.8975 5.79457 13.5946 7.3632 14.989L11.3355 18.5199C12.0515 19.1563 12.4095 19.4746 12.7047 19.342C12.9999 19.2095 12.9999 18.7305 12.9999 17.7725V15.4279C16.5999 15.4279 20.4999 17.1422 21.9999 19.9993C21.9999 10.8565 16.6665 8.57075 12.9999 8.57075V6.22616C12.9999 5.26817 12.9999 4.78917 12.7047 4.65662C12.4095 4.52407 12.0515 4.8423 11.3355 5.47875Z"/><path d="M8.46154 4.5L3.24533 9.34362C2.45122 10.081 2 11.1158 2 12.1994C2 13.3418 2.50122 14.4266 3.37112 15.1671L8.46154 19.5"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarMultipleForwardLeftLinear(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"><path strokeLinejoin="round" d="M11.3355 5.47875L7.3632 9.00968C5.79457 10.404 5.01025 11.1012 5.01025 11.9993C5.01025 12.8975 5.79457 13.5946 7.3632 14.989L11.3355 18.5199C12.0515 19.1563 12.4095 19.4746 12.7047 19.342C12.9999 19.2095 12.9999 18.7305 12.9999 17.7725V15.4279C16.5999 15.4279 20.4999 17.1422 21.9999 19.9993C21.9999 10.8565 16.6665 8.57075 12.9999 8.57075V6.22616C12.9999 5.26817 12.9999 4.78917 12.7047 4.65662C12.4095 4.52407 12.0515 4.8423 11.3355 5.47875Z"/><path d="M8.46154 4.5L3.24533 9.34362C2.45122 10.081 2 11.1158 2 12.1994C2 13.3418 2.50122 14.4266 3.37112 15.1671L8.46154 19.5"/></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"><path stroke-linejoin="round" d="M11.3355 5.47875L7.3632 9.00968C5.79457 10.404 5.01025 11.1012 5.01025 11.9993C5.01025 12.8975 5.79457 13.5946 7.3632 14.989L11.3355 18.5199C12.0515 19.1563 12.4095 19.4746 12.7047 19.342C12.9999 19.2095 12.9999 18.7305 12.9999 17.7725V15.4279C16.5999 15.4279 20.4999 17.1422 21.9999 19.9993C21.9999 10.8565 16.6665 8.57075 12.9999 8.57075V6.22616C12.9999 5.26817 12.9999 4.78917 12.7047 4.65662C12.4095 4.52407 12.0515 4.8423 11.3355 5.47875Z"/><path d="M8.46154 4.5L3.24533 9.34362C2.45122 10.081 2 11.1158 2 12.1994C2 13.3418 2.50122 14.4266 3.37112 15.1671L8.46154 19.5"/></g></svg>
</template>

CSS

.icon-multiple-forward-left-linear {
  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%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M11.3355%205.47875L7.3632%209.00968C5.79457%2010.404%205.01025%2011.1012%205.01025%2011.9993C5.01025%2012.8975%205.79457%2013.5946%207.3632%2014.989L11.3355%2018.5199C12.0515%2019.1563%2012.4095%2019.4746%2012.7047%2019.342C12.9999%2019.2095%2012.9999%2018.7305%2012.9999%2017.7725V15.4279C16.5999%2015.4279%2020.4999%2017.1422%2021.9999%2019.9993C21.9999%2010.8565%2016.6665%208.57075%2012.9999%208.57075V6.22616C12.9999%205.26817%2012.9999%204.78917%2012.7047%204.65662C12.4095%204.52407%2012.0515%204.8423%2011.3355%205.47875Z%22%2F%3E%3Cpath%20d%3D%22M8.46154%204.5L3.24533%209.34362C2.45122%2010.081%202%2011.1158%202%2012.1994C2%2013.3418%202.50122%2014.4266%203.37112%2015.1671L8.46154%2019.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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M11.3355%205.47875L7.3632%209.00968C5.79457%2010.404%205.01025%2011.1012%205.01025%2011.9993C5.01025%2012.8975%205.79457%2013.5946%207.3632%2014.989L11.3355%2018.5199C12.0515%2019.1563%2012.4095%2019.4746%2012.7047%2019.342C12.9999%2019.2095%2012.9999%2018.7305%2012.9999%2017.7725V15.4279C16.5999%2015.4279%2020.4999%2017.1422%2021.9999%2019.9993C21.9999%2010.8565%2016.6665%208.57075%2012.9999%208.57075V6.22616C12.9999%205.26817%2012.9999%204.78917%2012.7047%204.65662C12.4095%204.52407%2012.0515%204.8423%2011.3355%205.47875Z%22%2F%3E%3Cpath%20d%3D%22M8.46154%204.5L3.24533%209.34362C2.45122%2010.081%202%2011.1158%202%2012.1994C2%2013.3418%202.50122%2014.4266%203.37112%2015.1671L8.46154%2019.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/multiple-forward-left-linear.svg?color=%231a73e8&size=48