{
 "name": "component-off",
 "title": "Component off",
 "component": "ComponentOffIcon",
 "url": "https://gentleface.com/icons/component-off",
 "category": "design",
 "motif": "component",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "5194b5071857",
 "use_for": [
  "detach instance",
  "detach component"
 ],
 "example": "Detach an instance from its main component",
 "base": "component",
 "modifier": "slash",
 "family": [
  "component",
  "component-swap"
 ],
 "tags": [
  "component",
  "design-component",
  "main-component",
  "design-system",
  "figma",
  "symbol",
  "reusable",
  "ui-kit",
  "diamonds",
  "slash"
 ],
 "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=\"M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM5.265 3.165C5.315 3.023 5.394 2.899 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.101 5.607 7.976 5.685 7.834 5.735C7.808 5.745 7.782 5.752 7.757 5.757L7.174 5.174C7.182 5.132 7.196 5.09 7.216 5.049C7.275 4.924 7.37 4.839 7.5 4.793L8.793 3.5L7.5 2.207L6.207 3.5C6.161 3.63 6.075 3.725 5.951 3.784C5.909 3.804 5.868 3.818 5.826 3.826L5.243 3.243C5.248 3.217 5.256 3.191 5.265 3.165ZM4.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.5ZM11.216 9.049C11.275 8.924 11.37 8.839 11.5 8.793L12.793 7.5L11.5 6.207L10.207 7.5C10.161 7.633 10.077 7.73 9.955 7.789C9.914 7.809 9.873 7.823 9.831 7.831L9.243 7.243C9.247 7.22 9.254 7.197 9.262 7.174C9.312 7.029 9.391 6.902 9.5 6.793L10.793 5.5C10.988 5.305 11.224 5.207 11.5 5.207C11.776 5.207 12.012 5.305 12.207 5.5L13.5 6.793C13.695 6.988 13.793 7.224 13.793 7.5C13.793 7.776 13.695 8.012 13.5 8.207L12.207 9.5C12.1 9.607 11.976 9.685 11.834 9.735C11.808 9.745 11.782 9.752 11.757 9.757L11.174 9.174C11.182 9.132 11.196 9.09 11.216 9.049ZM3.5 8.793L4.793 7.5L3.5 6.207L2.207 7.5L3.5 8.793ZM8.207 13.5C8.012 13.695 7.776 13.793 7.5 13.793C7.224 13.793 6.988 13.695 6.793 13.5L5.5 12.207C5.305 12.012 5.207 11.776 5.207 11.5C5.207 11.224 5.305 10.988 5.5 10.793L6.793 9.5C6.988 9.305 7.224 9.207 7.5 9.207C7.776 9.207 8.012 9.305 8.207 9.5L9.5 10.793C9.695 10.988 9.793 11.224 9.793 11.5C9.793 11.776 9.695 12.012 9.5 12.207L8.207 13.5ZM7.5 12.793L8.793 11.5L7.5 10.207L6.207 11.5L7.5 12.793Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM5.354 3.146C5.354 3.008 5.402 2.891 5.5 2.793L7.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.854L8.207 5.5C8.107 5.6 7.99 5.649 7.854 5.649C7.718 5.649 7.6 5.6 7.5 5.5C7.4 5.4 7.351 5.282 7.351 5.146C7.351 5.01 7.4 4.893 7.5 4.793L8.793 3.5L7.5 2.207L6.207 3.5C6.109 3.598 5.992 3.646 5.854 3.646C5.715 3.646 5.598 3.598 5.5 3.5C5.402 3.402 5.354 3.285 5.354 3.146ZM11.351 9.146C11.351 9.01 11.4 8.893 11.5 8.793L12.793 7.5L11.5 6.207L10.207 7.5C10.107 7.6 9.99 7.649 9.854 7.649C9.718 7.649 9.6 7.6 9.5 7.5C9.402 7.402 9.354 7.285 9.354 7.146C9.354 7.008 9.402 6.891 9.5 6.793L11.146 5.146C11.246 5.047 11.364 4.997 11.5 4.997C11.636 4.997 11.754 5.047 11.854 5.146L13.854 7.146C13.953 7.246 14.003 7.364 14.003 7.5C14.003 7.636 13.953 7.754 13.854 7.854L12.207 9.5C12.107 9.6 11.99 9.649 11.854 9.649C11.718 9.649 11.6 9.6 11.5 9.5C11.4 9.4 11.351 9.282 11.351 9.146ZM3.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.5ZM7.854 13.854C7.754 13.953 7.636 14.003 7.5 14.003C7.364 14.003 7.246 13.953 7.146 13.854L5.146 11.854C5.047 11.754 4.997 11.636 4.997 11.5C4.997 11.364 5.047 11.246 5.146 11.146L7.146 9.146C7.246 9.047 7.364 8.997 7.5 8.997C7.636 8.997 7.754 9.047 7.854 9.146L9.854 11.146C9.953 11.246 10.003 11.364 10.003 11.5C10.003 11.636 9.953 11.754 9.854 11.854L7.854 13.854ZM7.5 12.793L8.793 11.5L7.5 10.207L6.207 11.5L7.5 12.793Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.707 1L10.207 3.5L7.854 5.854L7.146 5.146L8.793 3.5L7.5 2.207L5.854 3.854L5.146 3.146L7.293 1L7.707 1ZM14.854 14.146L14.146 14.854L1.146 1.854L1.854 1.146L14.854 14.146ZM1 7.293L3.5 4.793L6.207 7.5L3.5 10.207L1 7.707L1 7.293ZM11.5 6.207L9.854 7.854L9.146 7.146L11.5 4.793L14.207 7.5L11.854 9.854L11.146 9.146L12.793 7.5L11.5 6.207ZM3.5 8.793L4.793 7.5L3.5 6.207L2.207 7.5L3.5 8.793ZM4.793 11.5L7.5 8.793L10.207 11.5L7.5 14.207L4.793 11.5ZM7.5 12.793L8.793 11.5L7.5 10.207L6.207 11.5L7.5 12.793Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM5.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.076 5.631 7.928 5.718 7.761 5.761L5.239 3.239C5.282 3.072 5.369 2.924 5.5 2.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.207ZM9.5 6.793L10.793 5.5C10.988 5.305 11.224 5.207 11.5 5.207C11.776 5.207 12.012 5.305 12.207 5.5L13.5 6.793C13.695 6.988 13.793 7.224 13.793 7.5C13.793 7.776 13.695 8.012 13.5 8.207L12.207 9.5C12.076 9.631 11.928 9.718 11.761 9.761L9.239 7.239C9.282 7.072 9.369 6.924 9.5 6.793ZM7.5 13.793C7.224 13.793 6.988 13.695 6.793 13.5L5.5 12.207C5.305 12.012 5.207 11.776 5.207 11.5C5.207 11.224 5.305 10.988 5.5 10.793L6.793 9.5C6.988 9.305 7.224 9.207 7.5 9.207C7.776 9.207 8.012 9.305 8.207 9.5L9.5 10.793C9.695 10.988 9.793 11.224 9.793 11.5C9.793 11.776 9.695 12.012 9.5 12.207L8.207 13.5C8.012 13.695 7.776 13.793 7.5 13.793Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM5.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.854L5.146 3.146ZM11.146 5.146C11.246 5.047 11.364 4.997 11.5 4.997C11.636 4.997 11.754 5.047 11.854 5.146L13.854 7.146C13.953 7.246 14.003 7.364 14.003 7.5C14.003 7.636 13.953 7.754 13.854 7.854L11.854 9.854L9.146 7.146L11.146 5.146ZM5.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.854ZM7.854 13.854C7.754 13.953 7.636 14.003 7.5 14.003C7.364 14.003 7.246 13.953 7.146 13.854L5.146 11.854C5.047 11.754 4.997 11.636 4.997 11.5C4.997 11.364 5.047 11.246 5.146 11.146L7.146 9.146C7.246 9.047 7.364 8.997 7.5 8.997C7.636 8.997 7.754 9.047 7.854 9.146L9.854 11.146C9.953 11.246 10.003 11.364 10.003 11.5C10.003 11.636 9.953 11.754 9.854 11.854L7.854 13.854Z\"/></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.707 1L10.207 3.5L7.854 5.854L5.146 3.146L7.293 1L7.707 1ZM14.854 14.146L14.146 14.854L1.146 1.854L1.854 1.146L14.854 14.146ZM1 7.293L3.5 4.793L6.207 7.5L3.5 10.207L1 7.707L1 7.293ZM9.146 7.146L11.5 4.793L14.207 7.5L11.854 9.854L9.146 7.146ZM7.5 14.207L4.793 11.5L7.5 8.793L10.207 11.5L7.5 14.207Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/component-off.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/component-off.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/component-off.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/component-off.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/component-off.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/component-off.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/component-off.png",
   "32": "https://gentleface.com/png/line-round/32/component-off.png",
   "48": "https://gentleface.com/png/line-round/48/component-off.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/component-off.png",
   "32": "https://gentleface.com/png/line-soft/32/component-off.png",
   "48": "https://gentleface.com/png/line-soft/48/component-off.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/component-off.png",
   "32": "https://gentleface.com/png/line-sharp/32/component-off.png",
   "48": "https://gentleface.com/png/line-sharp/48/component-off.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/component-off.png",
   "32": "https://gentleface.com/png/solid-round/32/component-off.png",
   "48": "https://gentleface.com/png/solid-round/48/component-off.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/component-off.png",
   "32": "https://gentleface.com/png/solid-soft/32/component-off.png",
   "48": "https://gentleface.com/png/solid-soft/48/component-off.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/component-off.png",
   "32": "https://gentleface.com/png/solid-sharp/32/component-off.png",
   "48": "https://gentleface.com/png/solid-sharp/48/component-off.png"
  }
 },
 "npm": {
  "react": "import { ComponentOffIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/component-off.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/component-off.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}