Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: float. Pick another to preview it and update the animated code:

Weather Icons · WiWindBeaufort6

Wind Beaufort6 icon

A free wind beaufort6 icon from Weather Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
SIL OFL 1.1 license
Project
erikflowers.github.io
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/weather-icons/wind-beaufort6.json
components/icons/weather-icons-wind-beaufort6.tsx
import * as React from "react";

/**
 * Wind Beaufort6 from Weather Icons (https://erikflowers.github.io/weather-icons/), SIL OFL 1.1.
 * Via Cuelark UI: ui.cuelark.com/icons/weather-icons/wind-beaufort6. Sized in em, colored by currentColor.
 */
export function WiWindBeaufort6Icon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      id="Layer_1"
      x="0px"
      y="0px"
      viewBox="0 0 30 30"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.92,13.5c0,0.18,0.06,0.31,0.17,0.4c0.12,0.11,0.26,0.17,0.42,0.17h10.4c0.18,0,0.33,0.06,0.46,0.19
	c0.13,0.12,0.2,0.28,0.2,0.46s-0.07,0.34-0.2,0.47s-0.28,0.2-0.46,0.2c-0.18,0-0.34-0.07-0.47-0.21c-0.13-0.11-0.26-0.16-0.4-0.16
	c-0.16,0-0.3,0.05-0.41,0.16c-0.11,0.11-0.16,0.24-0.16,0.39c0,0.16,0.06,0.3,0.17,0.41c0.36,0.36,0.78,0.53,1.28,0.53
	c0.49,0,0.91-0.17,1.26-0.52c0.35-0.35,0.52-0.77,0.52-1.27c0-0.49-0.17-0.92-0.52-1.27c-0.35-0.35-0.77-0.53-1.26-0.53H5.51
	c-0.16,0-0.3,0.06-0.42,0.17C4.98,13.21,4.92,13.34,4.92,13.5z M4.92,11.48c0,0.17,0.06,0.3,0.17,0.39
	c0.12,0.11,0.26,0.16,0.42,0.16h13.81c0.49,0,0.92-0.18,1.27-0.52c0.35-0.35,0.52-0.77,0.52-1.27c0-0.49-0.17-0.91-0.52-1.26
	s-0.77-0.52-1.27-0.52c-0.49,0-0.91,0.17-1.27,0.51c-0.11,0.12-0.16,0.27-0.16,0.42c0,0.16,0.05,0.3,0.16,0.4
	c0.11,0.1,0.24,0.15,0.4,0.15c0.15,0,0.29-0.05,0.41-0.16c0.12-0.12,0.27-0.18,0.45-0.18c0.17,0,0.33,0.06,0.46,0.18
	c0.13,0.12,0.2,0.27,0.2,0.45c0,0.18-0.07,0.34-0.2,0.47c-0.13,0.13-0.28,0.2-0.46,0.2H5.51c-0.16,0-0.3,0.06-0.42,0.17
	C4.98,11.18,4.92,11.32,4.92,11.48z M18.33,18.72c0,0.96,0.25,1.73,0.75,2.31c0.5,0.58,1.26,0.87,2.29,0.87
	c0.95,0,1.73-0.29,2.35-0.87c0.62-0.58,0.92-1.34,0.92-2.28c0-0.64-0.22-1.17-0.67-1.57s-0.99-0.6-1.65-0.6
	c-0.73,0-1.3,0.25-1.72,0.75h-0.02c0.33-1.16,0.88-1.74,1.65-1.74c0.25,0,0.44,0.05,0.58,0.14c0.12,0.09,0.2,0.22,0.23,0.41h2.11
	c-0.01-0.31-0.08-0.59-0.19-0.84c-0.12-0.25-0.26-0.46-0.44-0.62s-0.39-0.3-0.63-0.4c-0.24-0.11-0.49-0.18-0.75-0.23
	c-0.26-0.04-0.52-0.07-0.8-0.07c-0.62,0-1.18,0.12-1.68,0.36s-0.88,0.54-1.17,0.89c-0.28,0.35-0.52,0.75-0.71,1.2
	c-0.19,0.45-0.31,0.86-0.38,1.23C18.36,18.04,18.33,18.39,18.33,18.72z M20.38,19.17c0-0.37,0.12-0.65,0.37-0.84
	c0.24-0.19,0.52-0.29,0.82-0.29c0.19,0,0.35,0.03,0.48,0.08s0.23,0.12,0.3,0.19c0.07,0.07,0.12,0.16,0.15,0.27
	c0.04,0.11,0.06,0.19,0.07,0.25c0.01,0.06,0.01,0.12,0.01,0.19c0,0.31-0.11,0.58-0.32,0.79s-0.5,0.32-0.85,0.32
	c-0.31,0-0.55-0.09-0.75-0.27C20.48,19.69,20.38,19.46,20.38,19.17z"
      />
    </svg>
  );
}
With react-icons
import { WiWindBeaufort6 } from "react-icons/wi";

export function Example() {
  return <WiWindBeaufort6 className="size-5" />;
}
wind-beaufort6.svg
<svg
  version="1.1"
  id="Layer_1"
  x="0px"
  y="0px"
  viewBox="0 0 30 30"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M4.92,13.5c0,0.18,0.06,0.31,0.17,0.4c0.12,0.11,0.26,0.17,0.42,0.17h10.4c0.18,0,0.33,0.06,0.46,0.19
	c0.13,0.12,0.2,0.28,0.2,0.46s-0.07,0.34-0.2,0.47s-0.28,0.2-0.46,0.2c-0.18,0-0.34-0.07-0.47-0.21c-0.13-0.11-0.26-0.16-0.4-0.16
	c-0.16,0-0.3,0.05-0.41,0.16c-0.11,0.11-0.16,0.24-0.16,0.39c0,0.16,0.06,0.3,0.17,0.41c0.36,0.36,0.78,0.53,1.28,0.53
	c0.49,0,0.91-0.17,1.26-0.52c0.35-0.35,0.52-0.77,0.52-1.27c0-0.49-0.17-0.92-0.52-1.27c-0.35-0.35-0.77-0.53-1.26-0.53H5.51
	c-0.16,0-0.3,0.06-0.42,0.17C4.98,13.21,4.92,13.34,4.92,13.5z M4.92,11.48c0,0.17,0.06,0.3,0.17,0.39
	c0.12,0.11,0.26,0.16,0.42,0.16h13.81c0.49,0,0.92-0.18,1.27-0.52c0.35-0.35,0.52-0.77,0.52-1.27c0-0.49-0.17-0.91-0.52-1.26
	s-0.77-0.52-1.27-0.52c-0.49,0-0.91,0.17-1.27,0.51c-0.11,0.12-0.16,0.27-0.16,0.42c0,0.16,0.05,0.3,0.16,0.4
	c0.11,0.1,0.24,0.15,0.4,0.15c0.15,0,0.29-0.05,0.41-0.16c0.12-0.12,0.27-0.18,0.45-0.18c0.17,0,0.33,0.06,0.46,0.18
	c0.13,0.12,0.2,0.27,0.2,0.45c0,0.18-0.07,0.34-0.2,0.47c-0.13,0.13-0.28,0.2-0.46,0.2H5.51c-0.16,0-0.3,0.06-0.42,0.17
	C4.98,11.18,4.92,11.32,4.92,11.48z M18.33,18.72c0,0.96,0.25,1.73,0.75,2.31c0.5,0.58,1.26,0.87,2.29,0.87
	c0.95,0,1.73-0.29,2.35-0.87c0.62-0.58,0.92-1.34,0.92-2.28c0-0.64-0.22-1.17-0.67-1.57s-0.99-0.6-1.65-0.6
	c-0.73,0-1.3,0.25-1.72,0.75h-0.02c0.33-1.16,0.88-1.74,1.65-1.74c0.25,0,0.44,0.05,0.58,0.14c0.12,0.09,0.2,0.22,0.23,0.41h2.11
	c-0.01-0.31-0.08-0.59-0.19-0.84c-0.12-0.25-0.26-0.46-0.44-0.62s-0.39-0.3-0.63-0.4c-0.24-0.11-0.49-0.18-0.75-0.23
	c-0.26-0.04-0.52-0.07-0.8-0.07c-0.62,0-1.18,0.12-1.68,0.36s-0.88,0.54-1.17,0.89c-0.28,0.35-0.52,0.75-0.71,1.2
	c-0.19,0.45-0.31,0.86-0.38,1.23C18.36,18.04,18.33,18.39,18.33,18.72z M20.38,19.17c0-0.37,0.12-0.65,0.37-0.84
	c0.24-0.19,0.52-0.29,0.82-0.29c0.19,0,0.35,0.03,0.48,0.08s0.23,0.12,0.3,0.19c0.07,0.07,0.12,0.16,0.15,0.27
	c0.04,0.11,0.06,0.19,0.07,0.25c0.01,0.06,0.01,0.12,0.01,0.19c0,0.31-0.11,0.58-0.32,0.79s-0.5,0.32-0.85,0.32
	c-0.31,0-0.55-0.09-0.75-0.27C20.48,19.69,20.38,19.46,20.38,19.17z"
  />
</svg>
Attribution
"Wind Beaufort6" icon from Weather Icons (https://erikflowers.github.io/weather-icons/), licensed under SIL OFL 1.1 license.

Related icons: