{
 "name": "wave-sine",
 "title": "Wave sine",
 "component": "WaveSineIcon",
 "url": "https://gentleface.com/icons/wave-sine",
 "category": "media",
 "motif": "wave-sine",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "20 px drawn",
    "24 px drawn",
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "b49582247a81",
 "use_for": [
  "sine wave",
  "sine"
 ],
 "alternatives": [
  {
   "icon": "waveform",
   "why": "a recorded audio waveform (audio-waveform)",
   "concept": "sine-wave"
  }
 ],
 "also_fits": [
  {
   "concept": "audio-waveform",
   "owner": "waveform",
   "why": "a pure sine wave in a synth (sine-wave)"
  }
 ],
 "family": [],
 "tags": [
  "sine-wave",
  "sine",
  "wave",
  "waveform",
  "signal",
  "oscillator",
  "synth",
  "frequency",
  "analog"
 ],
 "size": 16,
 "styles": [
  "line-round",
  "line-soft",
  "line-sharp",
  "solid-round",
  "solid-soft",
  "solid-sharp"
 ],
 "default_style": "line-round",
 "svg": {
  "line-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3.069 3.478C3.187 3.042 3.426 2.687 3.784 2.412C4.143 2.137 4.548 2 5 2C5.452 2 5.857 2.137 6.216 2.412C6.574 2.687 6.813 3.042 6.931 3.478L9.035 11.261C9.094 11.479 9.213 11.657 9.392 11.794C9.571 11.931 9.774 12 10 12C10.226 12 10.429 11.931 10.608 11.794C10.787 11.657 10.906 11.479 10.965 11.261L12.017 7.37C12.047 7.259 12.106 7.17 12.195 7.102C12.284 7.034 12.386 7 12.5 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L12.883 8L11.931 11.522C11.813 11.958 11.574 12.313 11.216 12.588C10.857 12.863 10.452 13 10 13C9.548 13 9.143 12.863 8.784 12.588C8.426 12.313 8.187 11.958 8.069 11.522L5.965 3.739C5.906 3.521 5.787 3.343 5.608 3.206C5.429 3.069 5.226 3 5 3C4.774 3 4.571 3.069 4.392 3.206C4.213 3.343 4.094 3.521 4.035 3.739L2.983 7.63C2.953 7.741 2.894 7.83 2.805 7.898C2.716 7.966 2.614 8 2.5 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L2.117 7L3.069 3.478Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3.069 3.478C3.187 3.042 3.426 2.687 3.784 2.412C4.143 2.137 4.548 2 5 2C5.452 2 5.857 2.137 6.216 2.412C6.574 2.687 6.813 3.042 6.931 3.478L9.035 11.261C9.094 11.479 9.213 11.657 9.392 11.794C9.571 11.931 9.774 12 10 12C10.226 12 10.429 11.931 10.608 11.794C10.787 11.657 10.906 11.479 10.965 11.261L12.017 7.37C12.047 7.259 12.106 7.17 12.195 7.102C12.284 7.034 12.386 7 12.5 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L12.883 8L11.931 11.522C11.813 11.958 11.574 12.313 11.216 12.588C10.857 12.863 10.452 13 10 13C9.548 13 9.143 12.863 8.784 12.588C8.426 12.313 8.187 11.958 8.069 11.522L5.965 3.739C5.906 3.521 5.787 3.343 5.608 3.206C5.429 3.069 5.226 3 5 3C4.774 3 4.571 3.069 4.392 3.206C4.213 3.343 4.094 3.521 4.035 3.739L2.983 7.63C2.953 7.741 2.894 7.83 2.805 7.898C2.716 7.966 2.614 8 2.5 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L2.117 7L3.069 3.478Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1 8L1 7L2.117 7L3.069 3.478C3.187 3.042 3.426 2.687 3.784 2.412C4.143 2.137 4.548 2 5 2C5.452 2 5.857 2.137 6.216 2.412C6.574 2.687 6.813 3.042 6.931 3.478L9.035 11.261C9.094 11.479 9.213 11.657 9.392 11.794C9.571 11.931 9.774 12 10 12C10.226 12 10.429 11.931 10.608 11.794C10.787 11.657 10.906 11.479 10.965 11.261L12.117 7L14 7L14 8L12.883 8L11.931 11.522C11.813 11.958 11.574 12.313 11.216 12.588C10.857 12.863 10.452 13 10 13C9.548 13 9.143 12.863 8.784 12.588C8.426 12.313 8.187 11.958 8.069 11.522L5.965 3.739C5.906 3.521 5.787 3.343 5.608 3.206C5.429 3.069 5.226 3 5 3C4.774 3 4.571 3.069 4.392 3.206C4.213 3.343 4.094 3.521 4.035 3.739L2.883 8L1 8Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M2.117 7L3.069 3.478C3.187 3.042 3.426 2.687 3.784 2.412C4.143 2.137 4.548 2 5 2C5.452 2 5.857 2.137 6.216 2.412C6.574 2.687 6.813 3.042 6.931 3.478L9.035 11.261C9.094 11.479 9.213 11.657 9.392 11.794C9.571 11.931 9.774 12 10 12C10.226 12 10.429 11.931 10.608 11.794C10.787 11.657 10.906 11.479 10.965 11.261L12.017 7.37C12.047 7.259 12.106 7.17 12.195 7.102C12.284 7.034 12.386 7 12.5 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L12.883 8L11.931 11.522C11.813 11.958 11.574 12.313 11.216 12.588C10.857 12.863 10.452 13 10 13C9.548 13 9.143 12.863 8.784 12.588C8.426 12.313 8.187 11.958 8.069 11.522L5.965 3.739C5.906 3.521 5.787 3.343 5.608 3.206C5.429 3.069 5.226 3 5 3C4.774 3 4.571 3.069 4.392 3.206C4.213 3.343 4.094 3.521 4.035 3.739L2.983 7.63C2.953 7.741 2.894 7.83 2.805 7.898C2.716 7.966 2.614 8 2.5 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L2.117 7Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M2.117 7L3.069 3.478C3.187 3.042 3.426 2.687 3.784 2.412C4.143 2.137 4.548 2 5 2C5.452 2 5.857 2.137 6.216 2.412C6.574 2.687 6.813 3.042 6.931 3.478L9.035 11.261C9.094 11.479 9.213 11.657 9.392 11.794C9.571 11.931 9.774 12 10 12C10.226 12 10.429 11.931 10.608 11.794C10.787 11.657 10.906 11.479 10.965 11.261L12.017 7.37C12.047 7.259 12.106 7.17 12.195 7.102C12.284 7.034 12.386 7 12.5 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L12.883 8L11.931 11.522C11.813 11.958 11.574 12.313 11.216 12.588C10.857 12.863 10.452 13 10 13C9.548 13 9.143 12.863 8.784 12.588C8.426 12.313 8.187 11.958 8.069 11.522L5.965 3.739C5.906 3.521 5.787 3.343 5.608 3.206C5.429 3.069 5.226 3 5 3C4.774 3 4.571 3.069 4.392 3.206C4.213 3.343 4.094 3.521 4.035 3.739L2.983 7.63C2.953 7.741 2.894 7.83 2.805 7.898C2.716 7.966 2.614 8 2.5 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L2.117 7Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1 8L1 7L2.117 7L3.069 3.478C3.187 3.042 3.426 2.687 3.784 2.412C4.143 2.137 4.548 2 5 2C5.452 2 5.857 2.137 6.216 2.412C6.574 2.687 6.813 3.042 6.931 3.478L9.035 11.261C9.094 11.479 9.213 11.657 9.392 11.794C9.571 11.931 9.774 12 10 12C10.226 12 10.429 11.931 10.608 11.794C10.787 11.657 10.906 11.479 10.965 11.261L12.117 7L14 7L14 8L12.883 8L11.931 11.522C11.813 11.958 11.574 12.313 11.216 12.588C10.857 12.863 10.452 13 10 13C9.548 13 9.143 12.863 8.784 12.588C8.426 12.313 8.187 11.958 8.069 11.522L5.965 3.739C5.906 3.521 5.787 3.343 5.608 3.206C5.429 3.069 5.226 3 5 3C4.774 3 4.571 3.069 4.392 3.206C4.213 3.343 4.094 3.521 4.035 3.739L2.883 8L1 8Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/wave-sine.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/wave-sine.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/wave-sine.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/wave-sine.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/wave-sine.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/wave-sine.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/wave-sine.png",
   "32": "https://gentleface.com/png/line-round/32/wave-sine.png",
   "48": "https://gentleface.com/png/line-round/48/wave-sine.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/wave-sine.png",
   "32": "https://gentleface.com/png/line-soft/32/wave-sine.png",
   "48": "https://gentleface.com/png/line-soft/48/wave-sine.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/wave-sine.png",
   "32": "https://gentleface.com/png/line-sharp/32/wave-sine.png",
   "48": "https://gentleface.com/png/line-sharp/48/wave-sine.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/wave-sine.png",
   "32": "https://gentleface.com/png/solid-round/32/wave-sine.png",
   "48": "https://gentleface.com/png/solid-round/48/wave-sine.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/wave-sine.png",
   "32": "https://gentleface.com/png/solid-soft/32/wave-sine.png",
   "48": "https://gentleface.com/png/solid-soft/48/wave-sine.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/wave-sine.png",
   "32": "https://gentleface.com/png/solid-sharp/32/wave-sine.png",
   "48": "https://gentleface.com/png/solid-sharp/48/wave-sine.png"
  }
 },
 "npm": {
  "react": "import { WaveSineIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/wave-sine.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/wave-sine.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "wave-sine-vibrate",
  "does": "The wave is pulled a little higher and let go. It vibrates like a plucked string in its second harmonic, crest and trough trading places across the still middle point, and stops on its drawn shape.",
  "url": "https://gentleface.com/motion/wave-sine-vibrate.svg",
  "style": "line-round",
  "size": 16,
  "duration": 2.6,
  "frames": [
   0.3,
   1.55
  ],
  "svg": "<svg aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.001\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1.5 7.5L2.5 7.5L3.552 3.609C3.729 2.954 4.322 2.5 5 2.5C5.678 2.5 6.271 2.954 6.448 3.609L8.552 11.391C8.729 12.046 9.322 12.5 10 12.5C10.678 12.5 11.271 12.046 11.448 11.391L12.5 7.5L13.5 7.5\"><animate attributeName=\"d\" dur=\"2.6s\" repeatCount=\"indefinite\" keyTimes=\"0;0.115;0.192;0.288;0.385;0.481;0.577;1\" values=\"M1.5 7.5L2.5 7.5L3.552 3.609C3.729 2.954 4.322 2.5 5 2.5C5.678 2.5 6.271 2.954 6.448 3.609L8.552 11.391C8.729 12.046 9.322 12.5 10 12.5C10.678 12.5 11.271 12.046 11.448 11.391L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 3.609C3.729 2.954 4.322 2.5 5 2.5C5.678 2.5 6.271 2.954 6.448 3.609L8.552 11.391C8.729 12.046 9.322 12.5 10 12.5C10.678 12.5 11.271 12.046 11.448 11.391L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 3.025C3.729 2.272 4.322 1.75 5 1.75C5.678 1.75 6.271 2.272 6.448 3.025L8.552 11.975C8.729 12.728 9.322 13.25 10 13.25C10.678 13.25 11.271 12.728 11.448 11.975L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 11.78C3.729 12.501 4.322 13 5 13C5.678 13 6.271 12.501 6.448 11.78L8.552 3.22C8.729 2.499 9.322 2 10 2C10.678 2 11.271 2.499 11.448 3.22L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 3.414C3.729 2.727 4.322 2.25 5 2.25C5.678 2.25 6.271 2.727 6.448 3.414L8.552 11.586C8.729 12.273 9.322 12.75 10 12.75C10.678 12.75 11.271 12.273 11.448 11.586L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 11.391C3.729 12.046 4.322 12.5 5 12.5C5.678 12.5 6.271 12.046 6.448 11.391L8.552 3.609C8.729 2.954 9.322 2.5 10 2.5C10.678 2.5 11.271 2.954 11.448 3.609L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 3.609C3.729 2.954 4.322 2.5 5 2.5C5.678 2.5 6.271 2.954 6.448 3.609L8.552 11.391C8.729 12.046 9.322 12.5 10 12.5C10.678 12.5 11.271 12.046 11.448 11.391L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 3.609C3.729 2.954 4.322 2.5 5 2.5C5.678 2.5 6.271 2.954 6.448 3.609L8.552 11.391C8.729 12.046 9.322 12.5 10 12.5C10.678 12.5 11.271 12.046 11.448 11.391L12.5 7.5L13.5 7.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.37 0 .63 1;.37 0 .63 1;.37 0 .63 1;.37 0 .63 1;.37 0 .63 1;0 0 1 1\"/></path></svg>",
  "react": "// Gentleface \"wave-sine\" animated (wave-sine-vibrate), MIT. https://gentleface.com/icons/wave-sine\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const WaveSineVibrateIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function WaveSineVibrateIcon(props, ref) {\n  return (\n    <svg ref={ref} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.001\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\" {...props}>\n      <path d=\"M1.5 7.5L2.5 7.5L3.552 3.609C3.729 2.954 4.322 2.5 5 2.5C5.678 2.5 6.271 2.954 6.448 3.609L8.552 11.391C8.729 12.046 9.322 12.5 10 12.5C10.678 12.5 11.271 12.046 11.448 11.391L12.5 7.5L13.5 7.5\">\n      <animate attributeName=\"d\" dur=\"2.6s\" repeatCount=\"indefinite\" keyTimes=\"0;0.115;0.192;0.288;0.385;0.481;0.577;1\" values=\"M1.5 7.5L2.5 7.5L3.552 3.609C3.729 2.954 4.322 2.5 5 2.5C5.678 2.5 6.271 2.954 6.448 3.609L8.552 11.391C8.729 12.046 9.322 12.5 10 12.5C10.678 12.5 11.271 12.046 11.448 11.391L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 3.609C3.729 2.954 4.322 2.5 5 2.5C5.678 2.5 6.271 2.954 6.448 3.609L8.552 11.391C8.729 12.046 9.322 12.5 10 12.5C10.678 12.5 11.271 12.046 11.448 11.391L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 3.025C3.729 2.272 4.322 1.75 5 1.75C5.678 1.75 6.271 2.272 6.448 3.025L8.552 11.975C8.729 12.728 9.322 13.25 10 13.25C10.678 13.25 11.271 12.728 11.448 11.975L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 11.78C3.729 12.501 4.322 13 5 13C5.678 13 6.271 12.501 6.448 11.78L8.552 3.22C8.729 2.499 9.322 2 10 2C10.678 2 11.271 2.499 11.448 3.22L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 3.414C3.729 2.727 4.322 2.25 5 2.25C5.678 2.25 6.271 2.727 6.448 3.414L8.552 11.586C8.729 12.273 9.322 12.75 10 12.75C10.678 12.75 11.271 12.273 11.448 11.586L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 11.391C3.729 12.046 4.322 12.5 5 12.5C5.678 12.5 6.271 12.046 6.448 11.391L8.552 3.609C8.729 2.954 9.322 2.5 10 2.5C10.678 2.5 11.271 2.954 11.448 3.609L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 3.609C3.729 2.954 4.322 2.5 5 2.5C5.678 2.5 6.271 2.954 6.448 3.609L8.552 11.391C8.729 12.046 9.322 12.5 10 12.5C10.678 12.5 11.271 12.046 11.448 11.391L12.5 7.5L13.5 7.5;M1.5 7.5L2.5 7.5L3.552 3.609C3.729 2.954 4.322 2.5 5 2.5C5.678 2.5 6.271 2.954 6.448 3.609L8.552 11.391C8.729 12.046 9.322 12.5 10 12.5C10.678 12.5 11.271 12.046 11.448 11.391L12.5 7.5L13.5 7.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.37 0 .63 1;.37 0 .63 1;.37 0 .63 1;.37 0 .63 1;.37 0 .63 1;0 0 1 1\"/>\n      </path>\n    </svg>\n  );\n});",
  "how_to_play": "https://gentleface.com/animated-icons.md"
 }
}