{
 "name": "component-swap",
 "title": "Component swap",
 "component": "ComponentSwapIcon",
 "url": "https://gentleface.com/icons/component-swap",
 "category": "design",
 "motif": "component",
 "added": "2026-11-05",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-05",
   "what": [
    "added"
   ]
  },
  {
   "date": "2026-11-06",
   "what": [
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "bf41c537c764",
 "use_for": [
  "swap component",
  "replace component",
  "component exchange"
 ],
 "example": "Swap a design component instance",
 "base": "component",
 "modifier": "swap",
 "family": [
  "component",
  "component-off"
 ],
 "tags": [
  "component",
  "design-component",
  "main-component",
  "design-system",
  "figma",
  "symbol",
  "reusable",
  "ui-kit",
  "diamonds",
  "swap"
 ],
 "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=\"M8.207 5.5C8.012 5.695 7.776 5.793 7.5 5.793C7.224 5.793 6.988 5.695 6.793 5.5L5.5 4.207C5.305 4.012 5.207 3.776 5.207 3.5C5.207 3.224 5.305 2.988 5.5 2.793L6.793 1.5C6.988 1.305 7.224 1.207 7.5 1.207C7.776 1.207 8.012 1.305 8.207 1.5L9.5 2.793C9.695 2.988 9.793 3.224 9.793 3.5C9.793 3.776 9.695 4.012 9.5 4.207L8.207 5.5ZM6.207 3.5L7.5 4.793L8.793 3.5L7.5 2.207L6.207 3.5ZM4.207 9.5C4.012 9.695 3.776 9.793 3.5 9.793C3.224 9.793 2.988 9.695 2.793 9.5L1.5 8.207C1.305 8.012 1.207 7.776 1.207 7.5C1.207 7.224 1.305 6.988 1.5 6.793L2.793 5.5C2.988 5.305 3.224 5.207 3.5 5.207C3.776 5.207 4.012 5.305 4.207 5.5L5.5 6.793C5.695 6.988 5.793 7.224 5.793 7.5C5.793 7.776 5.695 8.012 5.5 8.207L4.207 9.5ZM3.5 8.793L4.793 7.5L3.5 6.207L2.207 7.5L3.5 8.793ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM9 10.5C9 10.776 9.224 11 9.5 11L13.5 11C13.776 11 14 10.776 14 10.5C14 10.367 13.947 10.24 13.854 10.146L11.854 8.146C11.658 7.951 11.342 7.951 11.146 8.146C10.951 8.342 10.951 8.658 11.146 8.854L12.293 10L9.5 10C9.224 10 9 10.224 9 10.5ZM13.5 13C13.776 13 14 12.776 14 12.5C14 12.224 13.776 12 13.5 12L9.5 12C9.224 12 9 12.224 9 12.5C9 12.633 9.053 12.76 9.146 12.854L11.146 14.854C11.342 15.049 11.658 15.049 11.854 14.854C12.049 14.658 12.049 14.342 11.854 14.146L10.707 13L13.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=\"M9.854 3.146C9.953 3.246 10.003 3.364 10.003 3.5C10.003 3.636 9.953 3.754 9.854 3.854L7.854 5.854C7.754 5.953 7.636 6.003 7.5 6.003C7.364 6.003 7.246 5.953 7.146 5.854L5.146 3.854C5.049 3.756 5 3.638 5 3.5C5 3.362 5.049 3.244 5.146 3.146L7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146L9.854 3.146ZM8.793 3.5L7.5 2.207L6.207 3.5L7.5 4.793L8.793 3.5ZM3.854 9.854C3.754 9.953 3.636 10.003 3.5 10.003C3.364 10.003 3.246 9.953 3.146 9.854L1.146 7.854C1.049 7.756 1 7.638 1 7.5C1 7.362 1.049 7.244 1.146 7.146L3.146 5.146C3.244 5.049 3.362 5 3.5 5C3.638 5 3.756 5.049 3.854 5.146L5.854 7.146C5.953 7.246 6.003 7.364 6.003 7.5C6.003 7.636 5.953 7.754 5.854 7.854L3.854 9.854ZM2.207 7.5L3.5 8.793L4.793 7.5L3.5 6.207L2.207 7.5ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM9 10.5C9 10.776 9.224 11 9.5 11L13.5 11C13.776 11 14 10.776 14 10.5C14 10.367 13.947 10.24 13.854 10.146L11.854 8.146C11.658 7.951 11.342 7.951 11.146 8.146C10.951 8.342 10.951 8.658 11.146 8.854L12.293 10L9.5 10C9.224 10 9 10.224 9 10.5ZM13.5 13C13.776 13 14 12.776 14 12.5C14 12.224 13.776 12 13.5 12L9.5 12C9.224 12 9 12.224 9 12.5C9 12.633 9.053 12.76 9.146 12.854L11.146 14.854C11.342 15.049 11.658 15.049 11.854 14.854C12.049 14.658 12.049 14.342 11.854 14.146L10.707 13L13.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=\"M4.793 3.5L7.293 1L7.707 1L10.207 3.5L7.5 6.207L4.793 3.5ZM8.793 3.5L7.5 2.207L6.207 3.5L7.5 4.793L8.793 3.5ZM1 7.293L3.5 4.793L6.207 7.5L3.5 10.207L1 7.707L1 7.293ZM3.5 8.793L4.793 7.5L3.5 6.207L2.207 7.5L3.5 8.793ZM16 11.5C16 13.985 13.985 16 11.5 16C9.015 16 7 13.985 7 11.5C7 9.015 9.015 7 11.5 7C13.985 7 16 9.015 16 11.5ZM9 11L14.707 11L11.854 8.146L11.146 8.854L12.293 10L9 10L9 11ZM14 13L14 12L8.293 12L11.146 14.854L11.854 14.146L10.707 13L14 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=\"M7.5 5.793C7.224 5.793 6.988 5.695 6.793 5.5L5.5 4.207C5.305 4.012 5.207 3.776 5.207 3.5C5.207 3.224 5.305 2.988 5.5 2.793L6.793 1.5C6.988 1.305 7.224 1.207 7.5 1.207C7.776 1.207 8.012 1.305 8.207 1.5L9.5 2.793C9.695 2.988 9.793 3.224 9.793 3.5C9.793 3.776 9.695 4.012 9.5 4.207L8.207 5.5C8.012 5.695 7.776 5.793 7.5 5.793ZM5.5 8.207L4.207 9.5C4.012 9.695 3.776 9.793 3.5 9.793C3.224 9.793 2.988 9.695 2.793 9.5L1.5 8.207C1.305 8.012 1.207 7.776 1.207 7.5C1.207 7.224 1.305 6.988 1.5 6.793L2.793 5.5C2.988 5.305 3.224 5.207 3.5 5.207C3.776 5.207 4.012 5.305 4.207 5.5L5.5 6.793C5.695 6.988 5.793 7.224 5.793 7.5C5.793 7.776 5.695 8.012 5.5 8.207ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM9 10.5C9 10.776 9.224 11 9.5 11L13.5 11C13.776 11 14 10.776 14 10.5C14 10.367 13.947 10.24 13.854 10.146L11.854 8.146C11.658 7.951 11.342 7.951 11.146 8.146C10.951 8.342 10.951 8.658 11.146 8.854L12.293 10L9.5 10C9.224 10 9 10.224 9 10.5ZM13.5 13C13.776 13 14 12.776 14 12.5C14 12.224 13.776 12 13.5 12L9.5 12C9.224 12 9 12.224 9 12.5C9 12.633 9.053 12.76 9.146 12.854L11.146 14.854C11.342 15.049 11.658 15.049 11.854 14.854C12.049 14.658 12.049 14.342 11.854 14.146L10.707 13L13.5 13Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.5 6.003C7.364 6.003 7.246 5.953 7.146 5.854L5.146 3.854C5.049 3.756 5 3.638 5 3.5C5 3.362 5.049 3.244 5.146 3.146L7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146L9.854 3.146C9.953 3.246 10.003 3.364 10.003 3.5C10.003 3.636 9.953 3.754 9.854 3.854L7.854 5.854C7.754 5.953 7.636 6.003 7.5 6.003ZM5.854 7.854L3.854 9.854C3.754 9.953 3.636 10.003 3.5 10.003C3.364 10.003 3.246 9.953 3.146 9.854L1.146 7.854C1.049 7.756 1 7.638 1 7.5C1 7.362 1.049 7.244 1.146 7.146L3.146 5.146C3.244 5.049 3.362 5 3.5 5C3.638 5 3.756 5.049 3.854 5.146L5.854 7.146C5.953 7.246 6.003 7.364 6.003 7.5C6.003 7.636 5.953 7.754 5.854 7.854ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM9 10.5C9 10.776 9.224 11 9.5 11L13.5 11C13.776 11 14 10.776 14 10.5C14 10.367 13.947 10.24 13.854 10.146L11.854 8.146C11.658 7.951 11.342 7.951 11.146 8.146C10.951 8.342 10.951 8.658 11.146 8.854L12.293 10L9.5 10C9.224 10 9 10.224 9 10.5ZM13.5 13C13.776 13 14 12.776 14 12.5C14 12.224 13.776 12 13.5 12L9.5 12C9.224 12 9 12.224 9 12.5C9 12.633 9.053 12.76 9.146 12.854L11.146 14.854C11.342 15.049 11.658 15.049 11.854 14.854C12.049 14.658 12.049 14.342 11.854 14.146L10.707 13L13.5 13Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.5 6.207L4.793 3.5L7.293 1L7.707 1L10.207 3.5L7.5 6.207ZM1 7.293L3.5 4.793L6.207 7.5L3.5 10.207L1 7.707L1 7.293ZM16 11.5C16 13.985 13.985 16 11.5 16C9.015 16 7 13.985 7 11.5C7 9.015 9.015 7 11.5 7C13.985 7 16 9.015 16 11.5ZM9 11L14.707 11L11.854 8.146L11.146 8.854L12.293 10L9 10L9 11ZM14 13L14 12L8.293 12L11.146 14.854L11.854 14.146L10.707 13L14 13Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/component-swap.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/component-swap.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/component-swap.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/component-swap.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/component-swap.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/component-swap.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/component-swap.png",
   "32": "https://gentleface.com/png/line-round/32/component-swap.png",
   "48": "https://gentleface.com/png/line-round/48/component-swap.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/component-swap.png",
   "32": "https://gentleface.com/png/line-soft/32/component-swap.png",
   "48": "https://gentleface.com/png/line-soft/48/component-swap.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/component-swap.png",
   "32": "https://gentleface.com/png/line-sharp/32/component-swap.png",
   "48": "https://gentleface.com/png/line-sharp/48/component-swap.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/component-swap.png",
   "32": "https://gentleface.com/png/solid-round/32/component-swap.png",
   "48": "https://gentleface.com/png/solid-round/48/component-swap.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/component-swap.png",
   "32": "https://gentleface.com/png/solid-soft/32/component-swap.png",
   "48": "https://gentleface.com/png/solid-soft/48/component-swap.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/component-swap.png",
   "32": "https://gentleface.com/png/solid-sharp/32/component-swap.png",
   "48": "https://gentleface.com/png/solid-sharp/48/component-swap.png"
  }
 },
 "npm": {
  "react": "import { ComponentSwapIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/component-swap.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/component-swap.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}