{
 "name": "waveform",
 "title": "Waveform",
 "component": "WaveformIcon",
 "url": "https://gentleface.com/icons/waveform",
 "category": "media",
 "motif": "waveform",
 "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": "a98e48d785ea",
 "use_for": [
  "audio waveform",
  "sound wave",
  "audio wave",
  "soundwave"
 ],
 "alternatives": [
  {
   "icon": "audio-lines",
   "why": "live level bars or now playing (audio-level)",
   "concept": "audio-waveform"
  },
  {
   "icon": "wave-sine",
   "why": "a pure sine wave in a synth (sine-wave)",
   "concept": "audio-waveform"
  }
 ],
 "also_fits": [
  {
   "concept": "sine-wave",
   "owner": "wave-sine",
   "why": "a recorded audio waveform (audio-waveform)"
  },
  {
   "concept": "waves",
   "owner": "waves",
   "why": "a sound wave or audio"
  }
 ],
 "family": [
  "waveform-off",
  "waveform-pencil"
 ],
 "tags": [
  "audio-waveform",
  "sound-wave",
  "audio-wave",
  "soundwave",
  "waveform",
  "audio",
  "sound",
  "recording",
  "voice",
  "signal"
 ],
 "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=\"M2.115 5.923C2.24 5.623 2.442 5.388 2.719 5.219C2.997 5.05 3.298 4.979 3.622 5.005C3.946 5.031 4.231 5.151 4.478 5.363C4.724 5.575 4.885 5.839 4.96 6.155L6.013 10.615C6.041 10.732 6.103 10.827 6.199 10.899C6.295 10.972 6.403 11.005 6.523 10.999C6.643 10.994 6.748 10.951 6.837 10.87C6.926 10.789 6.978 10.688 6.995 10.569L8.015 3.292C8.065 2.929 8.228 2.625 8.501 2.381C8.775 2.137 9.095 2.01 9.462 2.001C9.828 1.991 10.154 2.101 10.44 2.331C10.726 2.561 10.904 2.856 10.973 3.216L12.009 8.595C12.03 8.703 12.081 8.794 12.162 8.869C12.244 8.943 12.339 8.986 12.449 8.997C12.559 9.009 12.661 8.986 12.756 8.93C12.851 8.873 12.919 8.794 12.962 8.692L13.538 7.308C13.578 7.214 13.639 7.139 13.722 7.083C13.805 7.028 13.898 7 14 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L14.333 8L13.885 9.077C13.757 9.382 13.552 9.62 13.267 9.789C12.983 9.958 12.676 10.026 12.347 9.992C12.018 9.958 11.731 9.83 11.487 9.606C11.243 9.383 11.09 9.109 11.027 8.784L9.991 3.405C9.968 3.285 9.909 3.187 9.813 3.11C9.718 3.034 9.609 2.997 9.487 3C9.365 3.003 9.258 3.046 9.167 3.127C9.076 3.208 9.022 3.31 9.005 3.431L7.985 10.708C7.935 11.065 7.777 11.366 7.51 11.609C7.244 11.852 6.93 11.982 6.57 11.998C6.209 12.015 5.885 11.915 5.597 11.698C5.309 11.48 5.123 11.196 5.04 10.845L3.987 6.385C3.962 6.28 3.908 6.192 3.826 6.121C3.744 6.05 3.649 6.01 3.541 6.002C3.433 5.993 3.332 6.017 3.24 6.073C3.147 6.129 3.08 6.208 3.038 6.308L2.462 7.692C2.422 7.786 2.361 7.861 2.278 7.917C2.195 7.972 2.102 8 2 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 7L1.667 7L2.115 5.923Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M2.115 5.923C2.24 5.623 2.442 5.388 2.719 5.219C2.997 5.05 3.298 4.979 3.622 5.005C3.946 5.031 4.231 5.151 4.478 5.363C4.724 5.575 4.885 5.839 4.96 6.155L6.013 10.615C6.041 10.732 6.103 10.827 6.199 10.899C6.295 10.972 6.403 11.005 6.523 10.999C6.643 10.994 6.748 10.951 6.837 10.87C6.926 10.789 6.978 10.688 6.995 10.569L8.015 3.292C8.065 2.929 8.228 2.625 8.501 2.381C8.775 2.137 9.095 2.01 9.462 2.001C9.828 1.991 10.154 2.101 10.44 2.331C10.726 2.561 10.904 2.856 10.973 3.216L12.009 8.595C12.03 8.703 12.081 8.794 12.162 8.869C12.244 8.943 12.339 8.986 12.449 8.997C12.559 9.009 12.661 8.986 12.756 8.93C12.851 8.873 12.919 8.794 12.962 8.692L13.538 7.308C13.578 7.214 13.639 7.139 13.722 7.083C13.805 7.028 13.898 7 14 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L14.333 8L13.885 9.077C13.757 9.382 13.552 9.62 13.267 9.789C12.983 9.958 12.676 10.026 12.347 9.992C12.018 9.958 11.731 9.83 11.487 9.606C11.243 9.383 11.09 9.109 11.027 8.784L9.991 3.405C9.968 3.285 9.909 3.187 9.813 3.11C9.718 3.034 9.609 2.997 9.487 3C9.365 3.003 9.258 3.046 9.167 3.127C9.076 3.208 9.022 3.31 9.005 3.431L7.985 10.708C7.935 11.065 7.777 11.366 7.51 11.609C7.244 11.852 6.93 11.982 6.57 11.998C6.209 12.015 5.885 11.915 5.597 11.698C5.309 11.48 5.123 11.196 5.04 10.845L3.987 6.385C3.962 6.28 3.908 6.192 3.826 6.121C3.744 6.05 3.649 6.01 3.541 6.002C3.433 5.993 3.332 6.017 3.24 6.073C3.147 6.129 3.08 6.208 3.038 6.308L2.462 7.692C2.422 7.786 2.361 7.861 2.278 7.917C2.195 7.972 2.102 8 2 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 7L1.667 7L2.115 5.923Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 7L15 8L14.333 8L13.885 9.077C13.757 9.382 13.552 9.62 13.267 9.789C12.983 9.958 12.676 10.026 12.347 9.992C12.018 9.958 11.731 9.83 11.487 9.606C11.243 9.383 11.09 9.109 11.027 8.784L9.991 3.405C9.968 3.285 9.909 3.187 9.813 3.11C9.718 3.034 9.609 2.997 9.487 3C9.365 3.003 9.258 3.046 9.167 3.127C9.076 3.208 9.022 3.31 9.005 3.431L7.985 10.708C7.935 11.065 7.777 11.366 7.51 11.609C7.244 11.852 6.93 11.982 6.57 11.998C6.209 12.015 5.885 11.915 5.597 11.698C5.309 11.48 5.123 11.196 5.04 10.845L3.987 6.385C3.962 6.28 3.908 6.192 3.826 6.121C3.744 6.05 3.649 6.01 3.541 6.002C3.433 5.993 3.332 6.017 3.24 6.073C3.147 6.129 3.08 6.208 3.038 6.308L2.333 8L1 8L1 7L1.667 7L2.115 5.923C2.24 5.623 2.442 5.388 2.719 5.219C2.997 5.05 3.298 4.979 3.622 5.005C3.946 5.031 4.231 5.151 4.478 5.363C4.724 5.575 4.885 5.839 4.96 6.155L6.013 10.615C6.041 10.732 6.103 10.827 6.199 10.899C6.295 10.972 6.403 11.005 6.523 10.999C6.643 10.994 6.748 10.951 6.837 10.87C6.926 10.789 6.978 10.688 6.995 10.569L8.015 3.292C8.065 2.929 8.228 2.625 8.501 2.381C8.775 2.137 9.095 2.01 9.462 2.001C9.828 1.991 10.154 2.101 10.44 2.331C10.726 2.561 10.904 2.856 10.973 3.216L12.009 8.595C12.03 8.703 12.081 8.794 12.162 8.869C12.244 8.943 12.339 8.986 12.449 8.997C12.559 9.009 12.661 8.986 12.756 8.93C12.851 8.873 12.919 8.794 12.962 8.692L13.667 7L15 7Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1.667 7L2.115 5.923C2.24 5.623 2.442 5.388 2.719 5.219C2.997 5.05 3.298 4.979 3.622 5.005C3.946 5.031 4.231 5.151 4.478 5.363C4.724 5.575 4.885 5.839 4.96 6.155L6.013 10.615C6.041 10.732 6.103 10.827 6.199 10.899C6.295 10.972 6.403 11.005 6.523 10.999C6.643 10.994 6.748 10.951 6.837 10.87C6.926 10.789 6.978 10.688 6.995 10.569L8.015 3.292C8.065 2.929 8.228 2.625 8.501 2.381C8.775 2.137 9.095 2.01 9.462 2.001C9.828 1.991 10.154 2.101 10.44 2.331C10.726 2.561 10.904 2.856 10.973 3.216L12.009 8.595C12.03 8.703 12.081 8.794 12.162 8.869C12.244 8.943 12.339 8.986 12.449 8.997C12.559 9.009 12.661 8.986 12.756 8.93C12.851 8.873 12.919 8.794 12.962 8.692L13.538 7.308C13.578 7.214 13.639 7.139 13.722 7.083C13.805 7.028 13.898 7 14 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L14.333 8L13.885 9.077C13.757 9.382 13.552 9.62 13.267 9.789C12.983 9.958 12.676 10.026 12.347 9.992C12.018 9.958 11.731 9.83 11.487 9.606C11.243 9.383 11.09 9.109 11.027 8.784L9.991 3.405C9.968 3.285 9.909 3.187 9.813 3.11C9.718 3.034 9.609 2.997 9.487 3C9.365 3.003 9.258 3.046 9.167 3.127C9.076 3.208 9.022 3.31 9.005 3.431L7.985 10.708C7.935 11.065 7.777 11.366 7.51 11.609C7.244 11.852 6.93 11.982 6.57 11.998C6.209 12.015 5.885 11.915 5.597 11.698C5.309 11.48 5.123 11.196 5.04 10.845L3.987 6.385C3.962 6.28 3.908 6.192 3.826 6.121C3.744 6.05 3.649 6.01 3.541 6.002C3.433 5.993 3.332 6.017 3.24 6.073C3.147 6.129 3.08 6.208 3.038 6.308L2.462 7.692C2.422 7.786 2.361 7.861 2.278 7.917C2.195 7.972 2.102 8 2 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 7L1.667 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=\"M1.667 7L2.115 5.923C2.24 5.623 2.442 5.388 2.719 5.219C2.997 5.05 3.298 4.979 3.622 5.005C3.946 5.031 4.231 5.151 4.478 5.363C4.724 5.575 4.885 5.839 4.96 6.155L6.013 10.615C6.041 10.732 6.103 10.827 6.199 10.899C6.295 10.972 6.403 11.005 6.523 10.999C6.643 10.994 6.748 10.951 6.837 10.87C6.926 10.789 6.978 10.688 6.995 10.569L8.015 3.292C8.065 2.929 8.228 2.625 8.501 2.381C8.775 2.137 9.095 2.01 9.462 2.001C9.828 1.991 10.154 2.101 10.44 2.331C10.726 2.561 10.904 2.856 10.973 3.216L12.009 8.595C12.03 8.703 12.081 8.794 12.162 8.869C12.244 8.943 12.339 8.986 12.449 8.997C12.559 9.009 12.661 8.986 12.756 8.93C12.851 8.873 12.919 8.794 12.962 8.692L13.538 7.308C13.578 7.214 13.639 7.139 13.722 7.083C13.805 7.028 13.898 7 14 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L14.333 8L13.885 9.077C13.757 9.382 13.552 9.62 13.267 9.789C12.983 9.958 12.676 10.026 12.347 9.992C12.018 9.958 11.731 9.83 11.487 9.606C11.243 9.383 11.09 9.109 11.027 8.784L9.991 3.405C9.968 3.285 9.909 3.187 9.813 3.11C9.718 3.034 9.609 2.997 9.487 3C9.365 3.003 9.258 3.046 9.167 3.127C9.076 3.208 9.022 3.31 9.005 3.431L7.985 10.708C7.935 11.065 7.777 11.366 7.51 11.609C7.244 11.852 6.93 11.982 6.57 11.998C6.209 12.015 5.885 11.915 5.597 11.698C5.309 11.48 5.123 11.196 5.04 10.845L3.987 6.385C3.962 6.28 3.908 6.192 3.826 6.121C3.744 6.05 3.649 6.01 3.541 6.002C3.433 5.993 3.332 6.017 3.24 6.073C3.147 6.129 3.08 6.208 3.038 6.308L2.462 7.692C2.422 7.786 2.361 7.861 2.278 7.917C2.195 7.972 2.102 8 2 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 7L1.667 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=\"M15 7L15 8L14.333 8L13.885 9.077C13.757 9.382 13.552 9.62 13.267 9.789C12.983 9.958 12.676 10.026 12.347 9.992C12.018 9.958 11.731 9.83 11.487 9.606C11.243 9.383 11.09 9.109 11.027 8.784L9.991 3.405C9.968 3.285 9.909 3.187 9.813 3.11C9.718 3.034 9.609 2.997 9.487 3C9.365 3.003 9.258 3.046 9.167 3.127C9.076 3.208 9.022 3.31 9.005 3.431L7.985 10.708C7.935 11.065 7.777 11.366 7.51 11.609C7.244 11.852 6.93 11.982 6.57 11.998C6.209 12.015 5.885 11.915 5.597 11.698C5.309 11.48 5.123 11.196 5.04 10.845L3.987 6.385C3.962 6.28 3.908 6.192 3.826 6.121C3.744 6.05 3.649 6.01 3.541 6.002C3.433 5.993 3.332 6.017 3.24 6.073C3.147 6.129 3.08 6.208 3.038 6.308L2.333 8L1 8L1 7L1.667 7L2.115 5.923C2.24 5.623 2.442 5.388 2.719 5.219C2.997 5.05 3.298 4.979 3.622 5.005C3.946 5.031 4.231 5.151 4.478 5.363C4.724 5.575 4.885 5.839 4.96 6.155L6.013 10.615C6.041 10.732 6.103 10.827 6.199 10.899C6.295 10.972 6.403 11.005 6.523 10.999C6.643 10.994 6.748 10.951 6.837 10.87C6.926 10.789 6.978 10.688 6.995 10.569L8.015 3.292C8.065 2.929 8.228 2.625 8.501 2.381C8.775 2.137 9.095 2.01 9.462 2.001C9.828 1.991 10.154 2.101 10.44 2.331C10.726 2.561 10.904 2.856 10.973 3.216L12.009 8.595C12.03 8.703 12.081 8.794 12.162 8.869C12.244 8.943 12.339 8.986 12.449 8.997C12.559 9.009 12.661 8.986 12.756 8.93C12.851 8.873 12.919 8.794 12.962 8.692L13.667 7L15 7Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/waveform.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/waveform.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/waveform.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/waveform.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/waveform.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/waveform.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/waveform.png",
   "32": "https://gentleface.com/png/line-round/32/waveform.png",
   "48": "https://gentleface.com/png/line-round/48/waveform.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/waveform.png",
   "32": "https://gentleface.com/png/line-soft/32/waveform.png",
   "48": "https://gentleface.com/png/line-soft/48/waveform.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/waveform.png",
   "32": "https://gentleface.com/png/line-sharp/32/waveform.png",
   "48": "https://gentleface.com/png/line-sharp/48/waveform.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/waveform.png",
   "32": "https://gentleface.com/png/solid-round/32/waveform.png",
   "48": "https://gentleface.com/png/solid-round/48/waveform.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/waveform.png",
   "32": "https://gentleface.com/png/solid-soft/32/waveform.png",
   "48": "https://gentleface.com/png/solid-soft/48/waveform.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/waveform.png",
   "32": "https://gentleface.com/png/solid-sharp/32/waveform.png",
   "48": "https://gentleface.com/png/solid-sharp/48/waveform.png"
  }
 },
 "npm": {
  "react": "import { WaveformIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/waveform.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/waveform.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "waveform-scroll",
  "does": "The recording scrolls left past the frame by two whole lengths, picking up speed and slowing to a stop, so a new copy of the waveform comes to rest where the old one was.",
  "url": "https://gentleface.com/motion/waveform-scroll.svg",
  "style": "line-round",
  "size": 16,
  "duration": 3,
  "frames": [
   0.3,
   2.35
  ],
  "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\"><clipPath id=\"w7aTape\"><rect x=\"1\" y=\"0\" width=\"14\" height=\"16\"/></clipPath><g clip-path=\"url(#w7aTape)\"><g><animateTransform attributeName=\"transform\" type=\"translate\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.1;0.767;0.767;1\" values=\"0 0;0 0;-26 0;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;0 0 1 1\"/><path d=\"M1.5 7.5L2 7.5L2.577 6.115C2.744 5.715 3.149 5.468 3.581 5.503C4.013 5.539 4.374 5.848 4.473 6.27L5.527 10.73C5.637 11.198 6.066 11.521 6.546 11.499C7.027 11.477 7.424 11.115 7.49 10.639L8.51 3.361C8.578 2.877 8.986 2.513 9.474 2.5C9.963 2.488 10.389 2.831 10.482 3.311L11.518 8.689C11.602 9.122 11.959 9.45 12.398 9.495C12.837 9.54 13.253 9.292 13.423 8.885L14 7.5L14.5 7.5\"></path><path d=\"M14.5 7.5L15 7.5L15.577 6.115C15.744 5.715 16.149 5.468 16.581 5.503C17.013 5.539 17.374 5.848 17.473 6.27L18.527 10.73C18.637 11.198 19.066 11.521 19.546 11.499C20.027 11.477 20.424 11.115 20.49 10.639L21.51 3.361C21.578 2.877 21.986 2.513 22.474 2.5C22.963 2.488 23.389 2.831 23.482 3.311L24.518 8.689C24.602 9.122 24.959 9.45 25.398 9.495C25.837 9.54 26.253 9.292 26.423 8.885L27 7.5L27.5 7.5\" visibility=\"hidden\"><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.1;0.767\" values=\"hidden;visible;hidden\"/></path><path d=\"M27.5 7.5L28 7.5L28.577 6.115C28.744 5.715 29.149 5.468 29.581 5.503C30.013 5.539 30.374 5.848 30.473 6.27L31.527 10.73C31.637 11.198 32.066 11.521 32.546 11.499C33.027 11.477 33.424 11.115 33.49 10.639L34.51 3.361C34.578 2.877 34.986 2.513 35.474 2.5C35.963 2.488 36.389 2.831 36.482 3.311L37.518 8.689C37.602 9.122 37.959 9.45 38.398 9.495C38.837 9.54 39.253 9.292 39.423 8.885L40 7.5L40.5 7.5\" visibility=\"hidden\"><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.1;0.767\" values=\"hidden;visible;hidden\"/></path></g></g></svg>",
  "react": "// Gentleface \"waveform\" animated (waveform-scroll), MIT. https://gentleface.com/icons/waveform\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, useId, type SVGProps } from 'react';\n\nexport const WaveformScrollIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function WaveformScrollIcon(props, ref) {\n  const uid = useId().replace(/\\W/g, '');\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      <clipPath id={`${uid}w7aTape`}>\n      <rect x=\"1\" y=\"0\" width=\"14\" height=\"16\"/>\n      </clipPath>\n      <g clipPath={`url(#${uid}w7aTape)`}>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"translate\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.1;0.767;0.767;1\" values=\"0 0;0 0;-26 0;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 1;0 0 1 1;0 0 1 1\"/>\n      <path d=\"M1.5 7.5L2 7.5L2.577 6.115C2.744 5.715 3.149 5.468 3.581 5.503C4.013 5.539 4.374 5.848 4.473 6.27L5.527 10.73C5.637 11.198 6.066 11.521 6.546 11.499C7.027 11.477 7.424 11.115 7.49 10.639L8.51 3.361C8.578 2.877 8.986 2.513 9.474 2.5C9.963 2.488 10.389 2.831 10.482 3.311L11.518 8.689C11.602 9.122 11.959 9.45 12.398 9.495C12.837 9.54 13.253 9.292 13.423 8.885L14 7.5L14.5 7.5\">\n      </path>\n      <path d=\"M14.5 7.5L15 7.5L15.577 6.115C15.744 5.715 16.149 5.468 16.581 5.503C17.013 5.539 17.374 5.848 17.473 6.27L18.527 10.73C18.637 11.198 19.066 11.521 19.546 11.499C20.027 11.477 20.424 11.115 20.49 10.639L21.51 3.361C21.578 2.877 21.986 2.513 22.474 2.5C22.963 2.488 23.389 2.831 23.482 3.311L24.518 8.689C24.602 9.122 24.959 9.45 25.398 9.495C25.837 9.54 26.253 9.292 26.423 8.885L27 7.5L27.5 7.5\" visibility=\"hidden\">\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.1;0.767\" values=\"hidden;visible;hidden\"/>\n      </path>\n      <path d=\"M27.5 7.5L28 7.5L28.577 6.115C28.744 5.715 29.149 5.468 29.581 5.503C30.013 5.539 30.374 5.848 30.473 6.27L31.527 10.73C31.637 11.198 32.066 11.521 32.546 11.499C33.027 11.477 33.424 11.115 33.49 10.639L34.51 3.361C34.578 2.877 34.986 2.513 35.474 2.5C35.963 2.488 36.389 2.831 36.482 3.311L37.518 8.689C37.602 9.122 37.959 9.45 38.398 9.495C38.837 9.54 39.253 9.292 39.423 8.885L40 7.5L40.5 7.5\" visibility=\"hidden\">\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.1;0.767\" values=\"hidden;visible;hidden\"/>\n      </path>\n      </g>\n      </g>\n    </svg>\n  );\n});",
  "how_to_play": "https://gentleface.com/animated-icons.md"
 }
}