wind arrow down icon
wind-arrow-down-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- wind-arrow-down-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Use the wind arrow down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.411 15c1.122 0 2.044.415 2.678 1.104c.62.673.911 1.548.911 2.396s-.291 1.723-.911 2.396c-.634.69-1.556 1.104-2.678 1.104a1 1 0 1 1 0-2c.604 0 .977-.21 1.206-.459c.243-.264.383-.639.383-1.041s-.14-.777-.383-1.041c-.229-.249-.602-.459-1.206-.459H13a1 1 0 1 1 0-2zM7.966 11.137l-.004 6.448l1.475-1.474l.076-.069a1.001 1.001 0 0 1 1.339 1.483l-3.183 3.182a1 1 0 0 1-1.338.068l-.076-.068l-3.182-3.182l-.07-.076a1 1 0 0 1 1.408-1.407l.076.07l1.475 1.474l.004-6.45zm10.568-5.132c1.033.048 1.885.45 2.484 1.096c.625.672.92 1.549.92 2.399s-.295 1.727-.92 2.4c-.64.687-1.565 1.1-2.693 1.1H10a1 1 0 1 1 0-2h8.325c.615 0 .996-.212 1.228-.462c.246-.265.386-.638.386-1.038s-.14-.773-.386-1.038c-.203-.219-.52-.408-1.008-.452l-.22-.01l-.102-.005A1 1 0 0 1 18.325 6zM6.967 10.137a1 1 0 0 1 .999 1l-2-.001a1 1 0 0 1 1-1m4.114-8.132c1.036.048 1.891.45 2.493 1.094c.629.672.927 1.549.927 2.401s-.298 1.729-.927 2.401c-.641.688-1.57 1.1-2.701 1.1H3a1 1 0 0 1 0-2h7.872c.622 0 1.007-.213 1.241-.464c.248-.265.388-.638.388-1.036s-.14-.771-.388-1.036c-.205-.22-.525-.41-1.02-.454l-.22-.01l-.103-.005A1 1 0 0 1 10.872 2z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiWindArrowDownSolid(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="M18.411 15c1.122 0 2.044.415 2.678 1.104c.62.673.911 1.548.911 2.396s-.291 1.723-.911 2.396c-.634.69-1.556 1.104-2.678 1.104a1 1 0 1 1 0-2c.604 0 .977-.21 1.206-.459c.243-.264.383-.639.383-1.041s-.14-.777-.383-1.041c-.229-.249-.602-.459-1.206-.459H13a1 1 0 1 1 0-2zM7.966 11.137l-.004 6.448l1.475-1.474l.076-.069a1.001 1.001 0 0 1 1.339 1.483l-3.183 3.182a1 1 0 0 1-1.338.068l-.076-.068l-3.182-3.182l-.07-.076a1 1 0 0 1 1.408-1.407l.076.07l1.475 1.474l.004-6.45zm10.568-5.132c1.033.048 1.885.45 2.484 1.096c.625.672.92 1.549.92 2.399s-.295 1.727-.92 2.4c-.64.687-1.565 1.1-2.693 1.1H10a1 1 0 1 1 0-2h8.325c.615 0 .996-.212 1.228-.462c.246-.265.386-.638.386-1.038s-.14-.773-.386-1.038c-.203-.219-.52-.408-1.008-.452l-.22-.01l-.102-.005A1 1 0 0 1 18.325 6zM6.967 10.137a1 1 0 0 1 .999 1l-2-.001a1 1 0 0 1 1-1m4.114-8.132c1.036.048 1.891.45 2.493 1.094c.629.672.927 1.549.927 2.401s-.298 1.729-.927 2.401c-.641.688-1.57 1.1-2.701 1.1H3a1 1 0 0 1 0-2h7.872c.622 0 1.007-.213 1.241-.464c.248-.265.388-.638.388-1.036s-.14-.771-.388-1.036c-.205-.22-.525-.41-1.02-.454l-.22-.01l-.103-.005A1 1 0 0 1 10.872 2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.411 15c1.122 0 2.044.415 2.678 1.104c.62.673.911 1.548.911 2.396s-.291 1.723-.911 2.396c-.634.69-1.556 1.104-2.678 1.104a1 1 0 1 1 0-2c.604 0 .977-.21 1.206-.459c.243-.264.383-.639.383-1.041s-.14-.777-.383-1.041c-.229-.249-.602-.459-1.206-.459H13a1 1 0 1 1 0-2zM7.966 11.137l-.004 6.448l1.475-1.474l.076-.069a1.001 1.001 0 0 1 1.339 1.483l-3.183 3.182a1 1 0 0 1-1.338.068l-.076-.068l-3.182-3.182l-.07-.076a1 1 0 0 1 1.408-1.407l.076.07l1.475 1.474l.004-6.45zm10.568-5.132c1.033.048 1.885.45 2.484 1.096c.625.672.92 1.549.92 2.399s-.295 1.727-.92 2.4c-.64.687-1.565 1.1-2.693 1.1H10a1 1 0 1 1 0-2h8.325c.615 0 .996-.212 1.228-.462c.246-.265.386-.638.386-1.038s-.14-.773-.386-1.038c-.203-.219-.52-.408-1.008-.452l-.22-.01l-.102-.005A1 1 0 0 1 18.325 6zM6.967 10.137a1 1 0 0 1 .999 1l-2-.001a1 1 0 0 1 1-1m4.114-8.132c1.036.048 1.891.45 2.493 1.094c.629.672.927 1.549.927 2.401s-.298 1.729-.927 2.401c-.641.688-1.57 1.1-2.701 1.1H3a1 1 0 0 1 0-2h7.872c.622 0 1.007-.213 1.241-.464c.248-.265.388-.638.388-1.036s-.14-.771-.388-1.036c-.205-.22-.525-.41-1.02-.454l-.22-.01l-.103-.005A1 1 0 0 1 10.872 2z"/></svg> </template>
CSS
.icon-wind-arrow-down-solid {
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%22M18.411%2015c1.122%200%202.044.415%202.678%201.104c.62.673.911%201.548.911%202.396s-.291%201.723-.911%202.396c-.634.69-1.556%201.104-2.678%201.104a1%201%200%201%201%200-2c.604%200%20.977-.21%201.206-.459c.243-.264.383-.639.383-1.041s-.14-.777-.383-1.041c-.229-.249-.602-.459-1.206-.459H13a1%201%200%201%201%200-2zM7.966%2011.137l-.004%206.448l1.475-1.474l.076-.069a1.001%201.001%200%200%201%201.339%201.483l-3.183%203.182a1%201%200%200%201-1.338.068l-.076-.068l-3.182-3.182l-.07-.076a1%201%200%200%201%201.408-1.407l.076.07l1.475%201.474l.004-6.45zm10.568-5.132c1.033.048%201.885.45%202.484%201.096c.625.672.92%201.549.92%202.399s-.295%201.727-.92%202.4c-.64.687-1.565%201.1-2.693%201.1H10a1%201%200%201%201%200-2h8.325c.615%200%20.996-.212%201.228-.462c.246-.265.386-.638.386-1.038s-.14-.773-.386-1.038c-.203-.219-.52-.408-1.008-.452l-.22-.01l-.102-.005A1%201%200%200%201%2018.325%206zM6.967%2010.137a1%201%200%200%201%20.999%201l-2-.001a1%201%200%200%201%201-1m4.114-8.132c1.036.048%201.891.45%202.493%201.094c.629.672.927%201.549.927%202.401s-.298%201.729-.927%202.401c-.641.688-1.57%201.1-2.701%201.1H3a1%201%200%200%201%200-2h7.872c.622%200%201.007-.213%201.241-.464c.248-.265.388-.638.388-1.036s-.14-.771-.388-1.036c-.205-.22-.525-.41-1.02-.454l-.22-.01l-.103-.005A1%201%200%200%201%2010.872%202z%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%22M18.411%2015c1.122%200%202.044.415%202.678%201.104c.62.673.911%201.548.911%202.396s-.291%201.723-.911%202.396c-.634.69-1.556%201.104-2.678%201.104a1%201%200%201%201%200-2c.604%200%20.977-.21%201.206-.459c.243-.264.383-.639.383-1.041s-.14-.777-.383-1.041c-.229-.249-.602-.459-1.206-.459H13a1%201%200%201%201%200-2zM7.966%2011.137l-.004%206.448l1.475-1.474l.076-.069a1.001%201.001%200%200%201%201.339%201.483l-3.183%203.182a1%201%200%200%201-1.338.068l-.076-.068l-3.182-3.182l-.07-.076a1%201%200%200%201%201.408-1.407l.076.07l1.475%201.474l.004-6.45zm10.568-5.132c1.033.048%201.885.45%202.484%201.096c.625.672.92%201.549.92%202.399s-.295%201.727-.92%202.4c-.64.687-1.565%201.1-2.693%201.1H10a1%201%200%201%201%200-2h8.325c.615%200%20.996-.212%201.228-.462c.246-.265.386-.638.386-1.038s-.14-.773-.386-1.038c-.203-.219-.52-.408-1.008-.452l-.22-.01l-.102-.005A1%201%200%200%201%2018.325%206zM6.967%2010.137a1%201%200%200%201%20.999%201l-2-.001a1%201%200%200%201%201-1m4.114-8.132c1.036.048%201.891.45%202.493%201.094c.629.672.927%201.549.927%202.401s-.298%201.729-.927%202.401c-.641.688-1.57%201.1-2.701%201.1H3a1%201%200%200%201%200-2h7.872c.622%200%201.007-.213%201.241-.464c.248-.265.388-.638.388-1.036s-.14-.771-.388-1.036c-.205-.22-.525-.41-1.02-.454l-.22-.01l-.103-.005A1%201%200%200%201%2010.872%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/wind-arrow-down-solid.svg?color=%231a73e8&size=48
