wind icon

wind-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
wind-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

windwind-duotonewind-fillwind-sharpwind-sharp-duotonewind-sharp-two-tonewind-two-tone

The same icon in other sets

windBootstrap IconswindBoxIcons v2windFramework7 IconswindFont Awesome 6 SolidwindFont Awesome SolidwindFeather IconswindHuge IconswindHumbleiconswindIconParkwindIconPark OutlinewindIconoirwindLine AwesomewindLucidewind-fillMingCute IconwindMyna UI IconswindPhosphorwindPixelarticonswind-boldSolarwindTabler IconswindUnicons

Related icons in Keyline Icons

wind-turbine

Use the wind icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M1 6L12 6C13.1046 6 14 5.1046 14 4C14 2.8954 13.1046 2 12 2C11.4696 2 10.9609 2.2107 10.5858 2.5858L9.8787 3.2929M5 12L20 12C21.1046 12 22 11.1046 22 10C22 8.8954 21.1046 8 20 8C19.4696 8 18.9609 8.2107 18.5858 8.5858L17.8787 9.2929M1 18L15 18C16.1046 18 17 18.8954 17 20C17 21.1046 16.1046 22 15 22C14.4696 22 13.9609 21.7893 13.5858 21.4142L12.8787 20.7071"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsWindSharpFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M1 6L12 6C13.1046 6 14 5.1046 14 4C14 2.8954 13.1046 2 12 2C11.4696 2 10.9609 2.2107 10.5858 2.5858L9.8787 3.2929M5 12L20 12C21.1046 12 22 11.1046 22 10C22 8.8954 21.1046 8 20 8C19.4696 8 18.9609 8.2107 18.5858 8.5858L17.8787 9.2929M1 18L15 18C16.1046 18 17 18.8954 17 20C17 21.1046 16.1046 22 15 22C14.4696 22 13.9609 21.7893 13.5858 21.4142L12.8787 20.7071"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M1 6L12 6C13.1046 6 14 5.1046 14 4C14 2.8954 13.1046 2 12 2C11.4696 2 10.9609 2.2107 10.5858 2.5858L9.8787 3.2929M5 12L20 12C21.1046 12 22 11.1046 22 10C22 8.8954 21.1046 8 20 8C19.4696 8 18.9609 8.2107 18.5858 8.5858L17.8787 9.2929M1 18L15 18C16.1046 18 17 18.8954 17 20C17 21.1046 16.1046 22 15 22C14.4696 22 13.9609 21.7893 13.5858 21.4142L12.8787 20.7071"/></svg>
</template>

CSS

.icon-wind-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M1%206L12%206C13.1046%206%2014%205.1046%2014%204C14%202.8954%2013.1046%202%2012%202C11.4696%202%2010.9609%202.2107%2010.5858%202.5858L9.8787%203.2929M5%2012L20%2012C21.1046%2012%2022%2011.1046%2022%2010C22%208.8954%2021.1046%208%2020%208C19.4696%208%2018.9609%208.2107%2018.5858%208.5858L17.8787%209.2929M1%2018L15%2018C16.1046%2018%2017%2018.8954%2017%2020C17%2021.1046%2016.1046%2022%2015%2022C14.4696%2022%2013.9609%2021.7893%2013.5858%2021.4142L12.8787%2020.7071%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M1%206L12%206C13.1046%206%2014%205.1046%2014%204C14%202.8954%2013.1046%202%2012%202C11.4696%202%2010.9609%202.2107%2010.5858%202.5858L9.8787%203.2929M5%2012L20%2012C21.1046%2012%2022%2011.1046%2022%2010C22%208.8954%2021.1046%208%2020%208C19.4696%208%2018.9609%208.2107%2018.5858%208.5858L17.8787%209.2929M1%2018L15%2018C16.1046%2018%2017%2018.8954%2017%2020C17%2021.1046%2016.1046%2022%2015%2022C14.4696%2022%2013.9609%2021.7893%2013.5858%2021.4142L12.8787%2020.7071%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/wind-sharp-fill.svg?color=%231a73e8&size=48