{
 "name": "ease-in-out",
 "title": "Ease in out",
 "component": "EaseInOutIcon",
 "url": "https://gentleface.com/icons/ease-in-out",
 "category": "design",
 "motif": "easing",
 "added": "2026-10-29",
 "since": "0.2.0",
 "history": [
  {
   "date": "2026-10-29",
   "what": [
    "released in 0.2.0"
   ]
  },
  {
   "date": "2026-10-30",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "0c7c415d124a",
 "use_for": [
  "ease in out",
  "easing",
  "easing curve",
  "timing function",
  "cubic bezier"
 ],
 "alternatives": [
  {
   "icon": "bounce",
   "why": "a bouncing easing that overshoots",
   "concept": "ease-in-out"
  }
 ],
 "also_fits": [
  {
   "concept": "bounce",
   "owner": "bounce",
   "why": "a smooth easing without overshoot"
  }
 ],
 "family": [
  "ease-in",
  "ease-out"
 ],
 "tags": [
  "ease in out",
  "easing",
  "timing function",
  "animation curve",
  "s-curve",
  "sigmoid",
  "smooth",
  "cubic bezier",
  "motion",
  "transition"
 ],
 "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=\"M1.5 13C2.199 13 2.874 12.871 3.525 12.614C4.231 12.334 4.852 11.926 5.389 11.389C5.926 10.852 6.334 10.231 6.614 9.525C6.871 8.874 7 8.199 7 7.5C7 6.673 7.152 5.876 7.456 5.107C7.787 4.273 8.269 3.538 8.904 2.904C9.538 2.269 10.273 1.787 11.107 1.456C11.876 1.152 12.673 1 13.5 1C13.638 1 13.756 1.049 13.854 1.146C13.951 1.244 14 1.362 14 1.5C14 1.641 13.952 1.76 13.856 1.856C13.759 1.952 13.641 2 13.5 2C12.801 2 12.126 2.129 11.475 2.386C10.769 2.666 10.148 3.074 9.611 3.611C9.074 4.148 8.666 4.769 8.386 5.475C8.129 6.126 8 6.801 8 7.5C8 8.327 7.848 9.124 7.544 9.893C7.213 10.727 6.731 11.462 6.096 12.096C5.462 12.731 4.727 13.213 3.893 13.544C3.124 13.848 2.327 14 1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5C1 13.359 1.048 13.241 1.144 13.144C1.241 13.048 1.359 13 1.5 13Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1.5 13C2.199 13 2.874 12.871 3.525 12.614C4.231 12.334 4.852 11.926 5.389 11.389C5.926 10.852 6.334 10.231 6.614 9.525C6.871 8.874 7 8.199 7 7.5C7 6.673 7.152 5.876 7.456 5.107C7.787 4.273 8.269 3.538 8.904 2.904C9.538 2.269 10.273 1.787 11.107 1.456C11.876 1.152 12.673 1 13.5 1C13.638 1 13.756 1.049 13.854 1.146C13.951 1.244 14 1.362 14 1.5C14 1.641 13.952 1.76 13.856 1.856C13.759 1.952 13.641 2 13.5 2C12.801 2 12.126 2.129 11.475 2.386C10.769 2.666 10.148 3.074 9.611 3.611C9.074 4.148 8.666 4.769 8.386 5.475C8.129 6.126 8 6.801 8 7.5C8 8.327 7.848 9.124 7.544 9.893C7.213 10.727 6.731 11.462 6.096 12.096C5.462 12.731 4.727 13.213 3.893 13.544C3.124 13.848 2.327 14 1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5C1 13.359 1.048 13.241 1.144 13.144C1.241 13.048 1.359 13 1.5 13Z\"/></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 13L1.5 13C2.199 13 2.874 12.871 3.525 12.614C4.231 12.334 4.852 11.926 5.389 11.389C5.926 10.852 6.334 10.231 6.614 9.525C6.871 8.874 7 8.199 7 7.5C7 6.673 7.152 5.876 7.456 5.107C7.787 4.273 8.269 3.538 8.904 2.904C9.538 2.269 10.273 1.787 11.107 1.456C11.876 1.152 12.673 1 13.5 1L14 1L14 2L13.5 2C12.801 2 12.126 2.129 11.475 2.386C10.769 2.666 10.148 3.074 9.611 3.611C9.074 4.148 8.666 4.769 8.386 5.475C8.129 6.126 8 6.801 8 7.5C8 8.327 7.848 9.124 7.544 9.893C7.213 10.727 6.731 11.462 6.096 12.096C5.462 12.731 4.727 13.213 3.893 13.544C3.124 13.848 2.327 14 1.5 14L1 14L1 13Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3.525 12.614C4.231 12.334 4.852 11.926 5.389 11.389C5.926 10.852 6.334 10.231 6.614 9.525C6.871 8.874 7 8.199 7 7.5C7 6.673 7.152 5.876 7.456 5.107C7.787 4.273 8.269 3.538 8.904 2.904C9.538 2.269 10.273 1.787 11.107 1.456C11.876 1.152 12.673 1 13.5 1C13.638 1 13.756 1.049 13.854 1.146C13.951 1.244 14 1.362 14 1.5C14 1.641 13.952 1.76 13.856 1.856C13.759 1.952 13.641 2 13.5 2C12.801 2 12.126 2.129 11.475 2.386C10.769 2.666 10.148 3.074 9.611 3.611C9.074 4.148 8.666 4.769 8.386 5.475C8.129 6.126 8 6.801 8 7.5C8 8.327 7.848 9.124 7.544 9.893C7.213 10.727 6.731 11.462 6.096 12.096C5.462 12.731 4.727 13.213 3.893 13.544C3.124 13.848 2.327 14 1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5C1 13.359 1.048 13.241 1.144 13.144C1.241 13.048 1.359 13 1.5 13C2.199 13 2.874 12.871 3.525 12.614Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3.525 12.614C4.231 12.334 4.852 11.926 5.389 11.389C5.926 10.852 6.334 10.231 6.614 9.525C6.871 8.874 7 8.199 7 7.5C7 6.673 7.152 5.876 7.456 5.107C7.787 4.273 8.269 3.538 8.904 2.904C9.538 2.269 10.273 1.787 11.107 1.456C11.876 1.152 12.673 1 13.5 1C13.638 1 13.756 1.049 13.854 1.146C13.951 1.244 14 1.362 14 1.5C14 1.641 13.952 1.76 13.856 1.856C13.759 1.952 13.641 2 13.5 2C12.801 2 12.126 2.129 11.475 2.386C10.769 2.666 10.148 3.074 9.611 3.611C9.074 4.148 8.666 4.769 8.386 5.475C8.129 6.126 8 6.801 8 7.5C8 8.327 7.848 9.124 7.544 9.893C7.213 10.727 6.731 11.462 6.096 12.096C5.462 12.731 4.727 13.213 3.893 13.544C3.124 13.848 2.327 14 1.5 14C1.359 14 1.241 13.952 1.144 13.856C1.048 13.759 1 13.641 1 13.5C1 13.359 1.048 13.241 1.144 13.144C1.241 13.048 1.359 13 1.5 13C2.199 13 2.874 12.871 3.525 12.614Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M3.525 12.614C4.231 12.334 4.852 11.926 5.389 11.389C5.926 10.852 6.334 10.231 6.614 9.525C6.871 8.874 7 8.199 7 7.5C7 6.673 7.152 5.876 7.456 5.107C7.787 4.273 8.269 3.538 8.904 2.904C9.538 2.269 10.273 1.787 11.107 1.456C11.876 1.152 12.673 1 13.5 1L14 1L14 2L13.5 2C12.801 2 12.126 2.129 11.475 2.386C10.769 2.666 10.148 3.074 9.611 3.611C9.074 4.148 8.666 4.769 8.386 5.475C8.129 6.126 8 6.801 8 7.5C8 8.327 7.848 9.124 7.544 9.893C7.213 10.727 6.731 11.462 6.096 12.096C5.462 12.731 4.727 13.213 3.893 13.544C3.124 13.848 2.327 14 1.5 14L1 14L1 13L1.5 13C2.199 13 2.874 12.871 3.525 12.614Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/ease-in-out.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/ease-in-out.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/ease-in-out.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/ease-in-out.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/ease-in-out.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/ease-in-out.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/ease-in-out.png",
   "32": "https://gentleface.com/png/line-round/32/ease-in-out.png",
   "48": "https://gentleface.com/png/line-round/48/ease-in-out.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/ease-in-out.png",
   "32": "https://gentleface.com/png/line-soft/32/ease-in-out.png",
   "48": "https://gentleface.com/png/line-soft/48/ease-in-out.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/ease-in-out.png",
   "32": "https://gentleface.com/png/line-sharp/32/ease-in-out.png",
   "48": "https://gentleface.com/png/line-sharp/48/ease-in-out.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/ease-in-out.png",
   "32": "https://gentleface.com/png/solid-round/32/ease-in-out.png",
   "48": "https://gentleface.com/png/solid-round/48/ease-in-out.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/ease-in-out.png",
   "32": "https://gentleface.com/png/solid-soft/32/ease-in-out.png",
   "48": "https://gentleface.com/png/solid-soft/48/ease-in-out.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/ease-in-out.png",
   "32": "https://gentleface.com/png/solid-sharp/32/ease-in-out.png",
   "48": "https://gentleface.com/png/solid-sharp/48/ease-in-out.png"
  }
 },
 "npm": {
  "react": "import { EaseInOutIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/ease-in-out.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.2.0/svg/line-round/16/ease-in-out.svg",
  "version": "0.2.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}