wind icon
wind from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- wind
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Related icons in Framework7 Icons
Use the wind icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M6.156 21.285c3.375-1.078 6.868-1.617 10.196-1.617c4.312 0 7.476.68 11.554.68c4.219 0 6.844-2.86 6.844-6.586c0-3.82-2.93-6.54-6.539-6.54c-2.672 0-5.016 1.665-6 3.891c-.375.774-.234 1.688.586 2.11c.75.375 1.664.14 2.156-.82c.516-1.196 1.781-2.133 3.258-2.133c1.945 0 3.469 1.359 3.469 3.492S30.203 17.3 27.906 17.3c-3.89 0-7.101-.703-11.554-.703c-3.82 0-7.688.68-11.133 1.78c-.985.282-1.36 1.126-1.125 1.946c.234.797 1.008 1.266 2.062.961m36.657 10.969c5.46 0 9.328-3.469 9.328-8.32c0-4.782-3.68-8.25-8.25-8.25c-4.242 0-7.383 2.953-7.946 6.843c-.14.961.399 1.735 1.242 1.852c.868.117 1.618-.422 1.805-1.524c.399-2.437 2.438-4.125 4.899-4.125c2.86 0 5.18 2.133 5.18 5.204c0 3.117-2.461 5.273-6.258 5.273c-7.149 0-14.86-4.078-24.235-4.078c-4.828 0-9.234.773-13.36 2.25c-.96.328-1.359 1.148-1.124 1.969c.234.797 1.031 1.289 2.062.937c3.82-1.453 7.805-2.086 12.422-2.086c9.352 0 16.336 4.055 24.235 4.055M27.93 48.777c3.61 0 6.398-2.672 6.398-6.492c0-5.531-5.648-8.625-16.055-8.625c-4.359 0-9.07.844-13.054 2.227c-.961.328-1.36 1.148-1.125 1.968c.234.797 1.031 1.29 2.062.938c3.727-1.336 7.899-2.062 12.118-2.062c8.507 0 13.007 2.132 13.007 5.554c0 2.156-1.5 3.446-3.351 3.446c-1.852 0-2.977-1.243-3.305-3.212c-.14-.867-.773-1.57-1.781-1.5c-1.055.07-1.477.962-1.336 1.899c.422 3.258 2.836 5.86 6.422 5.86"/></svg>
React
import type { SVGProps } from "react";
export function F7Wind(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M6.156 21.285c3.375-1.078 6.868-1.617 10.196-1.617c4.312 0 7.476.68 11.554.68c4.219 0 6.844-2.86 6.844-6.586c0-3.82-2.93-6.54-6.539-6.54c-2.672 0-5.016 1.665-6 3.891c-.375.774-.234 1.688.586 2.11c.75.375 1.664.14 2.156-.82c.516-1.196 1.781-2.133 3.258-2.133c1.945 0 3.469 1.359 3.469 3.492S30.203 17.3 27.906 17.3c-3.89 0-7.101-.703-11.554-.703c-3.82 0-7.688.68-11.133 1.78c-.985.282-1.36 1.126-1.125 1.946c.234.797 1.008 1.266 2.062.961m36.657 10.969c5.46 0 9.328-3.469 9.328-8.32c0-4.782-3.68-8.25-8.25-8.25c-4.242 0-7.383 2.953-7.946 6.843c-.14.961.399 1.735 1.242 1.852c.868.117 1.618-.422 1.805-1.524c.399-2.437 2.438-4.125 4.899-4.125c2.86 0 5.18 2.133 5.18 5.204c0 3.117-2.461 5.273-6.258 5.273c-7.149 0-14.86-4.078-24.235-4.078c-4.828 0-9.234.773-13.36 2.25c-.96.328-1.359 1.148-1.124 1.969c.234.797 1.031 1.289 2.062.937c3.82-1.453 7.805-2.086 12.422-2.086c9.352 0 16.336 4.055 24.235 4.055M27.93 48.777c3.61 0 6.398-2.672 6.398-6.492c0-5.531-5.648-8.625-16.055-8.625c-4.359 0-9.07.844-13.054 2.227c-.961.328-1.36 1.148-1.125 1.968c.234.797 1.031 1.29 2.062.938c3.727-1.336 7.899-2.062 12.118-2.062c8.507 0 13.007 2.132 13.007 5.554c0 2.156-1.5 3.446-3.351 3.446c-1.852 0-2.977-1.243-3.305-3.212c-.14-.867-.773-1.57-1.781-1.5c-1.055.07-1.477.962-1.336 1.899c.422 3.258 2.836 5.86 6.422 5.86"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M6.156 21.285c3.375-1.078 6.868-1.617 10.196-1.617c4.312 0 7.476.68 11.554.68c4.219 0 6.844-2.86 6.844-6.586c0-3.82-2.93-6.54-6.539-6.54c-2.672 0-5.016 1.665-6 3.891c-.375.774-.234 1.688.586 2.11c.75.375 1.664.14 2.156-.82c.516-1.196 1.781-2.133 3.258-2.133c1.945 0 3.469 1.359 3.469 3.492S30.203 17.3 27.906 17.3c-3.89 0-7.101-.703-11.554-.703c-3.82 0-7.688.68-11.133 1.78c-.985.282-1.36 1.126-1.125 1.946c.234.797 1.008 1.266 2.062.961m36.657 10.969c5.46 0 9.328-3.469 9.328-8.32c0-4.782-3.68-8.25-8.25-8.25c-4.242 0-7.383 2.953-7.946 6.843c-.14.961.399 1.735 1.242 1.852c.868.117 1.618-.422 1.805-1.524c.399-2.437 2.438-4.125 4.899-4.125c2.86 0 5.18 2.133 5.18 5.204c0 3.117-2.461 5.273-6.258 5.273c-7.149 0-14.86-4.078-24.235-4.078c-4.828 0-9.234.773-13.36 2.25c-.96.328-1.359 1.148-1.124 1.969c.234.797 1.031 1.289 2.062.937c3.82-1.453 7.805-2.086 12.422-2.086c9.352 0 16.336 4.055 24.235 4.055M27.93 48.777c3.61 0 6.398-2.672 6.398-6.492c0-5.531-5.648-8.625-16.055-8.625c-4.359 0-9.07.844-13.054 2.227c-.961.328-1.36 1.148-1.125 1.968c.234.797 1.031 1.29 2.062.938c3.727-1.336 7.899-2.062 12.118-2.062c8.507 0 13.007 2.132 13.007 5.554c0 2.156-1.5 3.446-3.351 3.446c-1.852 0-2.977-1.243-3.305-3.212c-.14-.867-.773-1.57-1.781-1.5c-1.055.07-1.477.962-1.336 1.899c.422 3.258 2.836 5.86 6.422 5.86"/></svg> </template>
CSS
.icon-wind {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.156%2021.285c3.375-1.078%206.868-1.617%2010.196-1.617c4.312%200%207.476.68%2011.554.68c4.219%200%206.844-2.86%206.844-6.586c0-3.82-2.93-6.54-6.539-6.54c-2.672%200-5.016%201.665-6%203.891c-.375.774-.234%201.688.586%202.11c.75.375%201.664.14%202.156-.82c.516-1.196%201.781-2.133%203.258-2.133c1.945%200%203.469%201.359%203.469%203.492S30.203%2017.3%2027.906%2017.3c-3.89%200-7.101-.703-11.554-.703c-3.82%200-7.688.68-11.133%201.78c-.985.282-1.36%201.126-1.125%201.946c.234.797%201.008%201.266%202.062.961m36.657%2010.969c5.46%200%209.328-3.469%209.328-8.32c0-4.782-3.68-8.25-8.25-8.25c-4.242%200-7.383%202.953-7.946%206.843c-.14.961.399%201.735%201.242%201.852c.868.117%201.618-.422%201.805-1.524c.399-2.437%202.438-4.125%204.899-4.125c2.86%200%205.18%202.133%205.18%205.204c0%203.117-2.461%205.273-6.258%205.273c-7.149%200-14.86-4.078-24.235-4.078c-4.828%200-9.234.773-13.36%202.25c-.96.328-1.359%201.148-1.124%201.969c.234.797%201.031%201.289%202.062.937c3.82-1.453%207.805-2.086%2012.422-2.086c9.352%200%2016.336%204.055%2024.235%204.055M27.93%2048.777c3.61%200%206.398-2.672%206.398-6.492c0-5.531-5.648-8.625-16.055-8.625c-4.359%200-9.07.844-13.054%202.227c-.961.328-1.36%201.148-1.125%201.968c.234.797%201.031%201.29%202.062.938c3.727-1.336%207.899-2.062%2012.118-2.062c8.507%200%2013.007%202.132%2013.007%205.554c0%202.156-1.5%203.446-3.351%203.446c-1.852%200-2.977-1.243-3.305-3.212c-.14-.867-.773-1.57-1.781-1.5c-1.055.07-1.477.962-1.336%201.899c.422%203.258%202.836%205.86%206.422%205.86%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.156%2021.285c3.375-1.078%206.868-1.617%2010.196-1.617c4.312%200%207.476.68%2011.554.68c4.219%200%206.844-2.86%206.844-6.586c0-3.82-2.93-6.54-6.539-6.54c-2.672%200-5.016%201.665-6%203.891c-.375.774-.234%201.688.586%202.11c.75.375%201.664.14%202.156-.82c.516-1.196%201.781-2.133%203.258-2.133c1.945%200%203.469%201.359%203.469%203.492S30.203%2017.3%2027.906%2017.3c-3.89%200-7.101-.703-11.554-.703c-3.82%200-7.688.68-11.133%201.78c-.985.282-1.36%201.126-1.125%201.946c.234.797%201.008%201.266%202.062.961m36.657%2010.969c5.46%200%209.328-3.469%209.328-8.32c0-4.782-3.68-8.25-8.25-8.25c-4.242%200-7.383%202.953-7.946%206.843c-.14.961.399%201.735%201.242%201.852c.868.117%201.618-.422%201.805-1.524c.399-2.437%202.438-4.125%204.899-4.125c2.86%200%205.18%202.133%205.18%205.204c0%203.117-2.461%205.273-6.258%205.273c-7.149%200-14.86-4.078-24.235-4.078c-4.828%200-9.234.773-13.36%202.25c-.96.328-1.359%201.148-1.124%201.969c.234.797%201.031%201.289%202.062.937c3.82-1.453%207.805-2.086%2012.422-2.086c9.352%200%2016.336%204.055%2024.235%204.055M27.93%2048.777c3.61%200%206.398-2.672%206.398-6.492c0-5.531-5.648-8.625-16.055-8.625c-4.359%200-9.07.844-13.054%202.227c-.961.328-1.36%201.148-1.125%201.968c.234.797%201.031%201.29%202.062.938c3.727-1.336%207.899-2.062%2012.118-2.062c8.507%200%2013.007%202.132%2013.007%205.554c0%202.156-1.5%203.446-3.351%203.446c-1.852%200-2.977-1.243-3.305-3.212c-.14-.867-.773-1.57-1.781-1.5c-1.055.07-1.477.962-1.336%201.899c.422%203.258%202.836%205.86%206.422%205.86%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/wind.svg?color=%231a73e8&size=48
