{
 "name": "surround-sound",
 "title": "Surround sound",
 "component": "SurroundSoundIcon",
 "url": "https://gentleface.com/icons/surround-sound",
 "category": "media",
 "motif": "surround-sound",
 "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": "d3912d38fc91",
 "use_for": [
  "surround sound",
  "spatial audio",
  "3d audio",
  "immersive audio"
 ],
 "family": [
  "surround-sound-off"
 ],
 "tags": [
  "surround-sound",
  "spatial-audio",
  "3d-audio",
  "immersive-audio",
  "speaker",
  "sound",
  "audio",
  "waves",
  "dolby",
  "home-theater"
 ],
 "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=\"M14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414ZM2.293 11.707C2.488 11.902 2.724 12 3 12L13 12C13.276 12 13.512 11.902 13.707 11.707C13.902 11.512 14 11.276 14 11L14 5C14 4.724 13.902 4.488 13.707 4.293C13.512 4.098 13.276 4 13 4L3 4C2.724 4 2.488 4.098 2.293 4.293C2.098 4.488 2 4.724 2 5L2 11C2 11.276 2.098 11.512 2.293 11.707ZM5.879 5.879C5.609 6.148 5.398 6.458 5.247 6.808C5.082 7.189 5 7.586 5 8C5 8.414 5.082 8.811 5.247 9.192C5.398 9.542 5.609 9.852 5.879 10.121C5.978 10.221 6.028 10.339 6.028 10.475C6.028 10.611 5.978 10.729 5.879 10.828C5.781 10.926 5.663 10.975 5.525 10.975C5.387 10.975 5.269 10.926 5.172 10.828C4.812 10.469 4.531 10.056 4.329 9.589C4.11 9.082 4 8.552 4 8C4 7.448 4.11 6.918 4.329 6.411C4.531 5.944 4.812 5.531 5.172 5.172C5.271 5.072 5.389 5.022 5.525 5.022C5.661 5.022 5.779 5.072 5.879 5.172C5.978 5.271 6.028 5.389 6.028 5.525C6.028 5.661 5.978 5.779 5.879 5.879ZM12 8C12 8.552 11.89 9.082 11.671 9.589C11.469 10.056 11.188 10.469 10.828 10.828C10.729 10.928 10.611 10.978 10.475 10.978C10.339 10.978 10.221 10.928 10.121 10.828C10.022 10.729 9.972 10.611 9.972 10.475C9.972 10.339 10.022 10.221 10.121 10.121C10.391 9.852 10.602 9.542 10.753 9.192C10.918 8.811 11 8.414 11 8C11 7.586 10.918 7.189 10.753 6.808C10.602 6.458 10.391 6.148 10.121 5.879C10.022 5.779 9.972 5.661 9.972 5.525C9.972 5.389 10.022 5.271 10.121 5.172C10.219 5.074 10.337 5.025 10.475 5.025C10.613 5.025 10.731 5.074 10.828 5.172C11.188 5.531 11.469 5.944 11.671 6.411C11.89 6.918 12 7.448 12 8ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14 13L2 13C1.724 13 1.488 12.902 1.293 12.707C1.098 12.512 1 12.276 1 12L1 4C1 3.724 1.098 3.488 1.293 3.293C1.488 3.098 1.724 3 2 3L14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 12C15 12.276 14.902 12.512 14.707 12.707C14.512 12.902 14.276 13 14 13ZM14 4L2 4L2 12L14 12L14 4ZM5.879 5.879C5.609 6.148 5.398 6.458 5.247 6.808C5.082 7.189 5 7.586 5 8C5 8.414 5.082 8.811 5.247 9.192C5.398 9.542 5.609 9.852 5.879 10.121C5.978 10.221 6.028 10.339 6.028 10.475C6.028 10.611 5.978 10.729 5.879 10.828C5.781 10.926 5.663 10.975 5.525 10.975C5.387 10.975 5.269 10.926 5.172 10.828C4.812 10.469 4.531 10.056 4.329 9.589C4.11 9.082 4 8.552 4 8C4 7.448 4.11 6.918 4.329 6.411C4.531 5.944 4.812 5.531 5.172 5.172C5.271 5.072 5.389 5.022 5.525 5.022C5.661 5.022 5.779 5.072 5.879 5.172C5.978 5.271 6.028 5.389 6.028 5.525C6.028 5.661 5.978 5.779 5.879 5.879ZM12 8C12 8.552 11.89 9.082 11.671 9.589C11.469 10.056 11.188 10.469 10.828 10.828C10.729 10.928 10.611 10.978 10.475 10.978C10.339 10.978 10.221 10.928 10.121 10.828C10.022 10.729 9.972 10.611 9.972 10.475C9.972 10.339 10.022 10.221 10.121 10.121C10.391 9.852 10.602 9.542 10.753 9.192C10.918 8.811 11 8.414 11 8C11 7.586 10.918 7.189 10.753 6.808C10.602 6.458 10.391 6.148 10.121 5.879C10.022 5.779 9.972 5.661 9.972 5.525C9.972 5.389 10.022 5.271 10.121 5.172C10.219 5.074 10.337 5.025 10.475 5.025C10.613 5.025 10.731 5.074 10.828 5.172C11.188 5.531 11.469 5.944 11.671 6.411C11.89 6.918 12 7.448 12 8ZM7.293 7.293C7.488 7.098 7.724 7 8 7C8.276 7 8.512 7.098 8.707 7.293C8.902 7.488 9 7.724 9 8C9 8.276 8.902 8.512 8.707 8.707C8.512 8.902 8.276 9 8 9C7.724 9 7.488 8.902 7.293 8.707C7.098 8.512 7 8.276 7 8C7 7.724 7.098 7.488 7.293 7.293Z\"/></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 3L15 13L1 13L1 3L15 3ZM2 4L2 12L14 12L14 4L2 4ZM5.879 5.879C5.609 6.148 5.398 6.458 5.247 6.808C5.082 7.189 5 7.586 5 8C5 8.414 5.082 8.811 5.247 9.192C5.398 9.542 5.609 9.852 5.879 10.121L5.172 10.828C4.812 10.469 4.531 10.056 4.329 9.589C4.11 9.082 4 8.552 4 8C4 7.448 4.11 6.918 4.329 6.411C4.531 5.944 4.812 5.531 5.172 5.172L5.879 5.879ZM11.671 6.411C11.89 6.918 12 7.448 12 8C12 8.552 11.89 9.082 11.671 9.589C11.469 10.056 11.188 10.469 10.828 10.828L10.121 10.121C10.391 9.852 10.602 9.542 10.753 9.192C10.918 8.811 11 8.414 11 8C11 7.586 10.918 7.189 10.753 6.808C10.602 6.458 10.391 6.148 10.121 5.879L10.828 5.172C11.188 5.531 11.469 5.944 11.671 6.411ZM7 8C7 7.448 7.448 7 8 7C8.552 7 9 7.448 9 8C9 8.552 8.552 9 8 9C7.448 9 7 8.552 7 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=\"M13 3C13.254 3 13.5 3.047 13.736 3.14C13.993 3.242 14.219 3.391 14.414 3.586C14.609 3.781 14.758 4.007 14.86 4.264C14.953 4.5 15 4.746 15 5L15 11C15 11.254 14.953 11.5 14.86 11.736C14.758 11.993 14.609 12.219 14.414 12.414C14.219 12.609 13.993 12.758 13.736 12.86C13.5 12.953 13.254 13 13 13L3 13C2.746 13 2.5 12.953 2.264 12.86C2.007 12.758 1.781 12.609 1.586 12.414C1.391 12.219 1.242 11.993 1.14 11.736C1.047 11.5 1 11.254 1 11L1 5C1 4.746 1.047 4.5 1.14 4.264C1.242 4.007 1.391 3.781 1.586 3.586C1.781 3.391 2.007 3.242 2.264 3.14C2.5 3.047 2.746 3 3 3L13 3ZM10.828 5.172C10.735 5.078 10.607 5.025 10.475 5.025C10.342 5.025 10.215 5.078 10.121 5.172C9.926 5.367 9.926 5.683 10.121 5.879C10.391 6.148 10.602 6.458 10.753 6.808C10.918 7.189 11 7.586 11 8C11 8.414 10.918 8.811 10.753 9.192C10.602 9.542 10.391 9.852 10.121 10.121C9.926 10.317 9.926 10.633 10.121 10.828C10.317 11.024 10.633 11.024 10.828 10.828C11.188 10.469 11.469 10.056 11.671 9.589C11.89 9.082 12 8.552 12 8C12 7.448 11.89 6.918 11.671 6.411C11.469 5.944 11.188 5.531 10.828 5.172ZM5.247 6.808C5.398 6.458 5.609 6.148 5.879 5.879C6.074 5.683 6.074 5.367 5.879 5.172C5.683 4.976 5.367 4.976 5.172 5.172C4.812 5.531 4.531 5.944 4.329 6.411C4.11 6.918 4 7.448 4 8C4 8.552 4.11 9.082 4.329 9.589C4.531 10.056 4.812 10.469 5.172 10.828C5.265 10.922 5.393 10.975 5.525 10.975C5.658 10.975 5.785 10.922 5.879 10.828C6.074 10.633 6.074 10.317 5.879 10.121C5.609 9.852 5.398 9.542 5.247 9.192C5.082 8.811 5 8.414 5 8C5 7.586 5.082 7.189 5.247 6.808ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 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=\"M14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 12C15 12.276 14.902 12.512 14.707 12.707C14.512 12.902 14.276 13 14 13L2 13C1.724 13 1.488 12.902 1.293 12.707C1.098 12.512 1 12.276 1 12L1 4C1 3.724 1.098 3.488 1.293 3.293C1.488 3.098 1.724 3 2 3L14 3ZM10.828 5.172C10.735 5.078 10.607 5.025 10.475 5.025C10.342 5.025 10.215 5.078 10.121 5.172C9.926 5.367 9.926 5.683 10.121 5.879C10.391 6.148 10.602 6.458 10.753 6.808C10.918 7.189 11 7.586 11 8C11 8.414 10.918 8.811 10.753 9.192C10.602 9.542 10.391 9.852 10.121 10.121C9.926 10.317 9.926 10.633 10.121 10.828C10.317 11.024 10.633 11.024 10.828 10.828C11.188 10.469 11.469 10.056 11.671 9.589C11.89 9.082 12 8.552 12 8C12 7.448 11.89 6.918 11.671 6.411C11.469 5.944 11.188 5.531 10.828 5.172ZM5.247 6.808C5.398 6.458 5.609 6.148 5.879 5.879C6.074 5.683 6.074 5.367 5.879 5.172C5.683 4.976 5.367 4.976 5.172 5.172C4.812 5.531 4.531 5.944 4.329 6.411C4.11 6.918 4 7.448 4 8C4 8.552 4.11 9.082 4.329 9.589C4.531 10.056 4.812 10.469 5.172 10.828C5.265 10.922 5.393 10.975 5.525 10.975C5.658 10.975 5.785 10.922 5.879 10.828C6.074 10.633 6.074 10.317 5.879 10.121C5.609 9.852 5.398 9.542 5.247 9.192C5.082 8.811 5 8.414 5 8C5 7.586 5.082 7.189 5.247 6.808ZM8 7C7.448 7 7 7.448 7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 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 3L15 13L1 13L1 3L15 3ZM5.879 5.879L5.172 5.172C4.812 5.531 4.531 5.944 4.329 6.411C4.11 6.918 4 7.448 4 8C4 8.552 4.11 9.082 4.329 9.589C4.531 10.056 4.812 10.469 5.172 10.828L5.879 10.121C5.609 9.852 5.398 9.542 5.247 9.192C5.082 8.811 5 8.414 5 8C5 7.586 5.082 7.189 5.247 6.808C5.398 6.458 5.609 6.148 5.879 5.879ZM11.671 6.411C11.469 5.944 11.188 5.531 10.828 5.172L10.121 5.879C10.391 6.148 10.602 6.458 10.753 6.808C10.918 7.189 11 7.586 11 8C11 8.414 10.918 8.811 10.753 9.192C10.602 9.542 10.391 9.852 10.121 10.121L10.828 10.828C11.188 10.469 11.469 10.056 11.671 9.589C11.89 9.082 12 8.552 12 8C12 7.448 11.89 6.918 11.671 6.411ZM7 8C7 8.552 7.448 9 8 9C8.552 9 9 8.552 9 8C9 7.448 8.552 7 8 7C7.448 7 7 7.448 7 8Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/surround-sound.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/surround-sound.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/surround-sound.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/surround-sound.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/surround-sound.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/surround-sound.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/surround-sound.png",
   "32": "https://gentleface.com/png/line-round/32/surround-sound.png",
   "48": "https://gentleface.com/png/line-round/48/surround-sound.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/surround-sound.png",
   "32": "https://gentleface.com/png/line-soft/32/surround-sound.png",
   "48": "https://gentleface.com/png/line-soft/48/surround-sound.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/surround-sound.png",
   "32": "https://gentleface.com/png/line-sharp/32/surround-sound.png",
   "48": "https://gentleface.com/png/line-sharp/48/surround-sound.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/surround-sound.png",
   "32": "https://gentleface.com/png/solid-round/32/surround-sound.png",
   "48": "https://gentleface.com/png/solid-round/48/surround-sound.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/surround-sound.png",
   "32": "https://gentleface.com/png/solid-soft/32/surround-sound.png",
   "48": "https://gentleface.com/png/solid-soft/48/surround-sound.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/surround-sound.png",
   "32": "https://gentleface.com/png/solid-sharp/32/surround-sound.png",
   "48": "https://gentleface.com/png/solid-sharp/48/surround-sound.png"
  }
 },
 "npm": {
  "react": "import { SurroundSoundIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/surround-sound.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/surround-sound.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "surround-sound-echo",
  "does": "The source pulses and its waves travel out to the side walls, which flex as they hit. The waves flatten, turn round and come back toward the middle, and the source pulses as they arrive before sending out the next pair.",
  "url": "https://gentleface.com/motion/surround-sound-echo.svg",
  "style": "line-round",
  "size": 16,
  "duration": 3,
  "frames": [
   0.25,
   2.5
  ],
  "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=\"M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.5 7 14.5 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.5 9 1.5 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z\"><animate attributeName=\"d\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.293;0.333;0.38;0.42;1\" values=\"M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.5 7 14.5 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.5 9 1.5 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z;M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.5 7 14.5 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.5 9 1.5 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z;M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C15.4 7 15.4 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C.6 9 .6 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z;M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.2 7 14.2 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.8 9 1.8 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z;M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.5 7 14.5 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.5 9 1.5 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z;M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.5 7 14.5 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.5 9 1.5 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;.37 0 .63 1;0 0 1 1\"/></path><circle fill=\"currentColor\" stroke=\"none\" cx=\"8\" cy=\"8\" r=\"1\"><animate attributeName=\"r\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.083;0.117;0.183;0.52;0.553;0.62;1\" values=\"1;1;1.35;1;1;1.5;1;1\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/></circle><path d=\"M5.525 5.525C4.158 6.892 4.158 9.108 5.525 10.475\"><animate attributeName=\"d\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.12;0.287;0.333;0.52;0.523;0.593;0.74;0.807;1\" values=\"M5.525 5.525C4.158 6.892 4.158 9.108 5.525 10.475;M5.525 5.525C4.158 6.892 4.158 9.108 5.525 10.475;M3.1 4.8C2.3 6.567 2.3 9.433 3.1 11.2;M2.9 4.8C2.9 6.567 2.9 9.433 2.9 11.2;M5.9 6.2C6.6 7.194 6.6 8.806 5.9 9.8;M6.6 7C6.2 7.552 6.2 8.448 6.6 9;M6.6 7C6.2 7.552 6.2 8.448 6.6 9;M5.3 5.38C3.83 6.827 3.83 9.173 5.3 10.62;M5.525 5.525C4.158 6.892 4.158 9.108 5.525 10.475;M5.525 5.525C4.158 6.892 4.158 9.108 5.525 10.475\" calcMode=\"spline\" keySplines=\"0 0 1 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.523;0.593\" values=\"visible;hidden;visible\"/></path><path d=\"M10.475 5.525C11.842 6.892 11.842 9.108 10.475 10.475\"><animate attributeName=\"d\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.12;0.287;0.333;0.52;0.523;0.593;0.74;0.807;1\" values=\"M10.475 5.525C11.842 6.892 11.842 9.108 10.475 10.475;M10.475 5.525C11.842 6.892 11.842 9.108 10.475 10.475;M12.9 4.8C13.7 6.567 13.7 9.433 12.9 11.2;M13.1 4.8C13.1 6.567 13.1 9.433 13.1 11.2;M10.1 6.2C9.4 7.194 9.4 8.806 10.1 9.8;M9.4 7C9.8 7.552 9.8 8.448 9.4 9;M9.4 7C9.8 7.552 9.8 8.448 9.4 9;M10.7 5.38C12.17 6.827 12.17 9.173 10.7 10.62;M10.475 5.525C11.842 6.892 11.842 9.108 10.475 10.475;M10.475 5.525C11.842 6.892 11.842 9.108 10.475 10.475\" calcMode=\"spline\" keySplines=\"0 0 1 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.523;0.593\" values=\"visible;hidden;visible\"/></path></svg>",
  "react": "// Gentleface \"surround-sound\" animated (surround-sound-echo), MIT. https://gentleface.com/icons/surround-sound\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const SurroundSoundEchoIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function SurroundSoundEchoIcon(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=\"M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.5 7 14.5 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.5 9 1.5 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z\">\n      <animate attributeName=\"d\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.293;0.333;0.38;0.42;1\" values=\"M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.5 7 14.5 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.5 9 1.5 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z;M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.5 7 14.5 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.5 9 1.5 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z;M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C15.4 7 15.4 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C.6 9 .6 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z;M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.2 7 14.2 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.8 9 1.8 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z;M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.5 7 14.5 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.5 9 1.5 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z;M8 3.5L13 3.5C13.828 3.5 14.5 4.172 14.5 5C14.5 7 14.5 9 14.5 11C14.5 11.828 13.828 12.5 13 12.5L3 12.5C2.172 12.5 1.5 11.828 1.5 11C1.5 9 1.5 7 1.5 5C1.5 4.172 2.172 3.5 3 3.5L8 3.5Z\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;.37 0 .63 1;0 0 1 1\"/>\n      </path>\n      <circle fill=\"currentColor\" stroke=\"none\" cx=\"8\" cy=\"8\" r=\"1\">\n      <animate attributeName=\"r\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.083;0.117;0.183;0.52;0.553;0.62;1\" values=\"1;1;1.35;1;1;1.5;1;1\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/>\n      </circle>\n      <path d=\"M5.525 5.525C4.158 6.892 4.158 9.108 5.525 10.475\">\n      <animate attributeName=\"d\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.12;0.287;0.333;0.52;0.523;0.593;0.74;0.807;1\" values=\"M5.525 5.525C4.158 6.892 4.158 9.108 5.525 10.475;M5.525 5.525C4.158 6.892 4.158 9.108 5.525 10.475;M3.1 4.8C2.3 6.567 2.3 9.433 3.1 11.2;M2.9 4.8C2.9 6.567 2.9 9.433 2.9 11.2;M5.9 6.2C6.6 7.194 6.6 8.806 5.9 9.8;M6.6 7C6.2 7.552 6.2 8.448 6.6 9;M6.6 7C6.2 7.552 6.2 8.448 6.6 9;M5.3 5.38C3.83 6.827 3.83 9.173 5.3 10.62;M5.525 5.525C4.158 6.892 4.158 9.108 5.525 10.475;M5.525 5.525C4.158 6.892 4.158 9.108 5.525 10.475\" calcMode=\"spline\" keySplines=\"0 0 1 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/>\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.523;0.593\" values=\"visible;hidden;visible\"/>\n      </path>\n      <path d=\"M10.475 5.525C11.842 6.892 11.842 9.108 10.475 10.475\">\n      <animate attributeName=\"d\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.12;0.287;0.333;0.52;0.523;0.593;0.74;0.807;1\" values=\"M10.475 5.525C11.842 6.892 11.842 9.108 10.475 10.475;M10.475 5.525C11.842 6.892 11.842 9.108 10.475 10.475;M12.9 4.8C13.7 6.567 13.7 9.433 12.9 11.2;M13.1 4.8C13.1 6.567 13.1 9.433 13.1 11.2;M10.1 6.2C9.4 7.194 9.4 8.806 10.1 9.8;M9.4 7C9.8 7.552 9.8 8.448 9.4 9;M9.4 7C9.8 7.552 9.8 8.448 9.4 9;M10.7 5.38C12.17 6.827 12.17 9.173 10.7 10.62;M10.475 5.525C11.842 6.892 11.842 9.108 10.475 10.475;M10.475 5.525C11.842 6.892 11.842 9.108 10.475 10.475\" calcMode=\"spline\" keySplines=\"0 0 1 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/>\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"3s\" repeatCount=\"indefinite\" keyTimes=\"0;0.523;0.593\" values=\"visible;hidden;visible\"/>\n      </path>\n    </svg>\n  );\n});",
  "how_to_play": "https://gentleface.com/animated-icons.md"
 }
}