Send Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Send Svg icon is commonly used in chat applications, email composers and form submit buttons. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/308189.svg" alt="Send Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308189.svg" alt="Send Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308189.svg" alt="Send Svg icon" :width="24" :height="24" />
CSS background
.icon-send---svg {
background-image: url('https://proicons.com/icon/308189.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M7.23983 4.53465L19.1842 10.1925C20.7093 10.9149 20.7093 13.0851 19.1842 13.8075L7.23983 19.4653C5.82469 20.1357 4.22297 18.9933 4.39589 17.437L4.97546 12.2209C4.99177 12.0741 4.99177 11.9259 4.97546 11.7791L4.39589 6.56299C4.22297 5.0067 5.82469 3.86433 7.23983 4.53465Z" fill="#1CB0F6" stroke="#1CB0F6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12H12" stroke="#DDF4FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white" transform="translate(0.00012207)"/> </clipPath> </defs> </svg>
Copied!