{
 "name": "skew",
 "title": "Skew",
 "component": "SkewIcon",
 "url": "https://gentleface.com/icons/skew",
 "category": "design",
 "motif": "skew",
 "added": "2026-10-19",
 "history": [
  {
   "date": "2026-10-19",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "55ccb8eb34be",
 "use_for": [
  "skew",
  "shear"
 ],
 "alternatives": [
  {
   "icon": "perspective",
   "why": "distort with depth (trapezoid)",
   "concept": "skew"
  }
 ],
 "also_fits": [
  {
   "concept": "bounding-box",
   "owner": "bounding-box",
   "why": "slant only"
  },
  {
   "concept": "perspective-transform",
   "owner": "perspective",
   "why": "slant without depth"
  }
 ],
 "family": [
  "skew-handles"
 ],
 "tags": [
  "skew",
  "shear",
  "slant",
  "oblique",
  "distort",
  "transform",
  "parallelogram",
  "figma",
  "design tool",
  "ui design"
 ],
 "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.003 3.5C14.003 3.636 13.953 3.754 13.854 3.854L11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L12.293 4L4.5 4C4.359 4 4.241 3.952 4.144 3.856C4.048 3.759 4 3.641 4 3.5C4 3.359 4.048 3.241 4.144 3.144C4.241 3.048 4.359 3 4.5 3L12.293 3L11.146 1.854C11.049 1.756 11 1.638 11 1.5C11 1.362 11.049 1.244 11.146 1.146C11.246 1.047 11.364 0.997 11.5 0.997C11.636 0.997 11.754 1.047 11.854 1.146L13.854 3.146C13.953 3.246 14.003 3.364 14.003 3.5ZM11.085 14.447C11.001 14.617 10.878 14.751 10.717 14.851C10.556 14.95 10.38 15 10.191 15L2.309 15C2.148 15 1.996 14.963 1.853 14.89C1.688 14.805 1.556 14.684 1.458 14.526C1.361 14.368 1.311 14.196 1.309 14.01C1.307 13.849 1.343 13.697 1.415 13.553L3.915 8.553C3.999 8.383 4.122 8.249 4.283 8.149C4.444 8.05 4.62 8 4.809 8L12.691 8C12.852 8 13.004 8.037 13.147 8.11C13.312 8.195 13.444 8.316 13.542 8.474C13.639 8.632 13.689 8.804 13.691 8.99C13.693 9.151 13.657 9.303 13.585 9.447L11.085 14.447ZM10.191 14L12.691 9L4.809 9L2.309 14L10.191 14Z\"/></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.003 3.5C14.003 3.636 13.953 3.754 13.854 3.854L11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L12.293 4L4.5 4C4.359 4 4.241 3.952 4.144 3.856C4.048 3.759 4 3.641 4 3.5C4 3.359 4.048 3.241 4.144 3.144C4.241 3.048 4.359 3 4.5 3L12.293 3L11.146 1.854C11.049 1.756 11 1.638 11 1.5C11 1.362 11.049 1.244 11.146 1.146C11.246 1.047 11.364 0.997 11.5 0.997C11.636 0.997 11.754 1.047 11.854 1.146L13.854 3.146C13.953 3.246 14.003 3.364 14.003 3.5ZM10.947 14.724C10.904 14.809 10.843 14.876 10.763 14.926C10.683 14.975 10.596 15 10.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5C1 14.421 1.018 14.347 1.053 14.276L4.053 8.276C4.096 8.191 4.157 8.124 4.237 8.074C4.317 8.025 4.404 8 4.5 8L13.5 8C13.641 8 13.759 8.048 13.856 8.144C13.952 8.241 14 8.359 14 8.5C14 8.579 13.982 8.653 13.947 8.724L10.947 14.724ZM10.191 14L12.691 9L4.809 9L2.309 14L10.191 14Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M10.809 15L1 15L1 14.382L4.191 8L14.309 8L10.809 15ZM11.854 1.146L14.207 3.5L11.854 5.854L11.146 5.146L12.293 4L4 4L4 3L12.293 3L11.146 1.854L11.854 1.146ZM4.809 9L2.309 14L10.191 14L12.691 9L4.809 9Z\"/></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.854 3.854L11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L12.293 4L4.5 4C4.359 4 4.241 3.952 4.144 3.856C4.048 3.759 4 3.641 4 3.5C4 3.359 4.048 3.241 4.144 3.144C4.241 3.048 4.359 3 4.5 3L12.293 3L11.146 1.854C11.049 1.756 11 1.638 11 1.5C11 1.362 11.049 1.244 11.146 1.146C11.246 1.047 11.364 0.997 11.5 0.997C11.636 0.997 11.754 1.047 11.854 1.146L13.854 3.146C13.953 3.246 14.003 3.364 14.003 3.5C14.003 3.636 13.953 3.754 13.854 3.854ZM12.691 8C12.852 8 13.004 8.037 13.147 8.11C13.312 8.195 13.444 8.316 13.542 8.474C13.639 8.632 13.689 8.804 13.691 8.99C13.693 9.151 13.657 9.303 13.585 9.447L11.085 14.447C11.001 14.617 10.878 14.751 10.717 14.851C10.556 14.95 10.38 15 10.191 15L2.309 15C2.148 15 1.996 14.963 1.853 14.89C1.688 14.805 1.556 14.684 1.458 14.526C1.361 14.368 1.311 14.196 1.309 14.01C1.307 13.849 1.343 13.697 1.415 13.553L3.915 8.553C3.999 8.383 4.122 8.249 4.283 8.149C4.444 8.05 4.62 8 4.809 8L12.691 8Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M13.854 3.854L11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L12.293 4L4.5 4C4.359 4 4.241 3.952 4.144 3.856C4.048 3.759 4 3.641 4 3.5C4 3.359 4.048 3.241 4.144 3.144C4.241 3.048 4.359 3 4.5 3L12.293 3L11.146 1.854C11.049 1.756 11 1.638 11 1.5C11 1.362 11.049 1.244 11.146 1.146C11.246 1.047 11.364 0.997 11.5 0.997C11.636 0.997 11.754 1.047 11.854 1.146L13.854 3.146C13.953 3.246 14.003 3.364 14.003 3.5C14.003 3.636 13.953 3.754 13.854 3.854ZM13.5 8C13.641 8 13.759 8.048 13.856 8.144C13.952 8.241 14 8.359 14 8.5C14 8.579 13.982 8.653 13.947 8.724L10.947 14.724C10.904 14.809 10.843 14.876 10.763 14.926C10.683 14.975 10.596 15 10.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5C1 14.421 1.018 14.347 1.053 14.276L4.053 8.276C4.096 8.191 4.157 8.124 4.237 8.074C4.317 8.025 4.404 8 4.5 8L13.5 8Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M10.809 15L1 15L1 14.382L4.191 8L14.309 8L10.809 15ZM11.854 5.854L11.146 5.146L12.293 4L4 4L4 3L12.293 3L11.146 1.854L11.854 1.146L14.207 3.5L11.854 5.854Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/skew.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/skew.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/skew.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/skew.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/skew.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/skew.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/skew.png",
   "32": "https://gentleface.com/png/line-round/32/skew.png",
   "48": "https://gentleface.com/png/line-round/48/skew.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/skew.png",
   "32": "https://gentleface.com/png/line-soft/32/skew.png",
   "48": "https://gentleface.com/png/line-soft/48/skew.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/skew.png",
   "32": "https://gentleface.com/png/line-sharp/32/skew.png",
   "48": "https://gentleface.com/png/line-sharp/48/skew.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/skew.png",
   "32": "https://gentleface.com/png/solid-round/32/skew.png",
   "48": "https://gentleface.com/png/solid-round/48/skew.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/skew.png",
   "32": "https://gentleface.com/png/solid-soft/32/skew.png",
   "48": "https://gentleface.com/png/solid-soft/48/skew.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/skew.png",
   "32": "https://gentleface.com/png/solid-sharp/32/skew.png",
   "48": "https://gentleface.com/png/solid-sharp/48/skew.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}