send horizontal icon
send-horizontal-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.
- Name
- send-horizontal-sharp-fill
- Set
- Keyline Icons
- Style
- Sharp Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the send horizontal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.4472 1.1056L22.4472 11.1056C22.786 11.275 23 11.6212 23 12C23 12.3788 22.786 12.725 22.4472 12.8944L2.4472 22.8944C2.3084 22.9639 2.1552 23 2 23C1.4477 23 1 22.5523 1 22C1 21.9378 1.0058 21.8758 1.0173 21.8147L2.868 12L1.0173 2.1853C1.0058 2.1242 1 2.0622 1 2C1 1.4477 1.4477 1 2 1C2.1552 1 2.3084 1.0361 2.4472 1.1056ZM12.9428 12L2.5852 10.5L2.868 12L2.5852 13.5L12.9428 12Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsSendHorizontalSharpFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.4472 1.1056L22.4472 11.1056C22.786 11.275 23 11.6212 23 12C23 12.3788 22.786 12.725 22.4472 12.8944L2.4472 22.8944C2.3084 22.9639 2.1552 23 2 23C1.4477 23 1 22.5523 1 22C1 21.9378 1.0058 21.8758 1.0173 21.8147L2.868 12L1.0173 2.1853C1.0058 2.1242 1 2.0622 1 2C1 1.4477 1.4477 1 2 1C2.1552 1 2.3084 1.0361 2.4472 1.1056ZM12.9428 12L2.5852 10.5L2.868 12L2.5852 13.5L12.9428 12Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.4472 1.1056L22.4472 11.1056C22.786 11.275 23 11.6212 23 12C23 12.3788 22.786 12.725 22.4472 12.8944L2.4472 22.8944C2.3084 22.9639 2.1552 23 2 23C1.4477 23 1 22.5523 1 22C1 21.9378 1.0058 21.8758 1.0173 21.8147L2.868 12L1.0173 2.1853C1.0058 2.1242 1 2.0622 1 2C1 1.4477 1.4477 1 2 1C2.1552 1 2.3084 1.0361 2.4472 1.1056ZM12.9428 12L2.5852 10.5L2.868 12L2.5852 13.5L12.9428 12Z"/></svg> </template>
CSS
.icon-send-horizontal-sharp-fill {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.4472%201.1056L22.4472%2011.1056C22.786%2011.275%2023%2011.6212%2023%2012C23%2012.3788%2022.786%2012.725%2022.4472%2012.8944L2.4472%2022.8944C2.3084%2022.9639%202.1552%2023%202%2023C1.4477%2023%201%2022.5523%201%2022C1%2021.9378%201.0058%2021.8758%201.0173%2021.8147L2.868%2012L1.0173%202.1853C1.0058%202.1242%201%202.0622%201%202C1%201.4477%201.4477%201%202%201C2.1552%201%202.3084%201.0361%202.4472%201.1056ZM12.9428%2012L2.5852%2010.5L2.868%2012L2.5852%2013.5L12.9428%2012Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.4472%201.1056L22.4472%2011.1056C22.786%2011.275%2023%2011.6212%2023%2012C23%2012.3788%2022.786%2012.725%2022.4472%2012.8944L2.4472%2022.8944C2.3084%2022.9639%202.1552%2023%202%2023C1.4477%2023%201%2022.5523%201%2022C1%2021.9378%201.0058%2021.8758%201.0173%2021.8147L2.868%2012L1.0173%202.1853C1.0058%202.1242%201%202.0622%201%202C1%201.4477%201.4477%201%202%201C2.1552%201%202.3084%201.0361%202.4472%201.1056ZM12.9428%2012L2.5852%2010.5L2.868%2012L2.5852%2013.5L12.9428%2012Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/send-horizontal-sharp-fill.svg?color=%231a73e8&size=48
