{
 "name": "aspect-ratio",
 "title": "Aspect ratio",
 "component": "AspectRatioIcon",
 "url": "https://gentleface.com/icons/aspect-ratio",
 "category": "media",
 "motif": "aspect-ratio",
 "added": "2026-10-15",
 "history": [
  {
   "date": "2026-10-15",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "f03138eecb19",
 "use_for": [
  "aspect ratio",
  "proportions",
  "screen ratio"
 ],
 "alternatives": [
  {
   "icon": "crop",
   "why": "cut an image down to a frame (crop)",
   "concept": "aspect-ratio"
  },
  {
   "icon": "resize",
   "why": "change the size, not the proportions (resize)",
   "concept": "aspect-ratio"
  }
 ],
 "family": [],
 "tags": [
  "aspect-ratio",
  "ratio",
  "proportions",
  "frame",
  "video",
  "crop",
  "size",
  "dimensions"
 ],
 "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.856 5.144C5.952 5.241 6 5.359 6 5.5C6 5.641 5.952 5.759 5.856 5.856C5.759 5.952 5.641 6 5.5 6L4 6L4 7.5C4 7.641 3.952 7.759 3.856 7.856C3.759 7.952 3.641 8 3.5 8C3.359 8 3.241 7.952 3.144 7.856C3.048 7.759 3 7.641 3 7.5L3 6C3 5.724 3.098 5.488 3.293 5.293C3.488 5.098 3.724 5 4 5L5.5 5C5.641 5 5.759 5.048 5.856 5.144ZM12.707 10.707C12.512 10.902 12.276 11 12 11L10.5 11C10.359 11 10.241 10.952 10.144 10.856C10.048 10.759 10 10.641 10 10.5C10 10.359 10.048 10.241 10.144 10.144C10.241 10.048 10.359 10 10.5 10L12 10L12 8.5C12 8.359 12.048 8.241 12.144 8.144C12.241 8.048 12.359 8 12.5 8C12.641 8 12.759 8.048 12.856 8.144C12.952 8.241 13 8.359 13 8.5L13 10C13 10.276 12.902 10.512 12.707 10.707Z\"/></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 12L14 4L2 4L2 12L14 12ZM5.856 5.144C5.952 5.241 6 5.359 6 5.5C6 5.641 5.952 5.759 5.856 5.856C5.759 5.952 5.641 6 5.5 6L4 6L4 7.5C4 7.641 3.952 7.759 3.856 7.856C3.759 7.952 3.641 8 3.5 8C3.359 8 3.241 7.952 3.144 7.856C3.048 7.759 3 7.641 3 7.5L3 5.5C3 5.359 3.048 5.241 3.144 5.144C3.241 5.048 3.359 5 3.5 5L5.5 5C5.641 5 5.759 5.048 5.856 5.144ZM12.856 10.856C12.759 10.952 12.641 11 12.5 11L10.5 11C10.359 11 10.241 10.952 10.144 10.856C10.048 10.759 10 10.641 10 10.5C10 10.359 10.048 10.241 10.144 10.144C10.241 10.048 10.359 10 10.5 10L12 10L12 8.5C12 8.359 12.048 8.241 12.144 8.144C12.241 8.048 12.359 8 12.5 8C12.641 8 12.759 8.048 12.856 8.144C12.952 8.241 13 8.359 13 8.5L13 10.5C13 10.641 12.952 10.759 12.856 10.856Z\"/></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 12L14 12L14 4L2 4L2 12ZM3 5L6 5L6 6L4 6L4 8L3 8L3 5ZM13 8L13 11L10 11L10 10L12 10L12 8L13 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 3ZM3 7.5C3 7.776 3.224 8 3.5 8C3.776 8 4 7.776 4 7.5L4 6L5.5 6C5.776 6 6 5.776 6 5.5C6 5.224 5.776 5 5.5 5L4 5C3.724 5 3.488 5.098 3.293 5.293C3.098 5.488 3 5.724 3 6L3 7.5ZM13 10L13 8.5C13 8.224 12.776 8 12.5 8C12.224 8 12 8.224 12 8.5L12 10L10.5 10C10.224 10 10 10.224 10 10.5C10 10.776 10.224 11 10.5 11L12 11C12.276 11 12.512 10.902 12.707 10.707C12.902 10.512 13 10.276 13 10Z\"/></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 3ZM3 7.5C3 7.776 3.224 8 3.5 8C3.776 8 4 7.776 4 7.5L4 6L5.5 6C5.776 6 6 5.776 6 5.5C6 5.224 5.776 5 5.5 5L3.5 5C3.224 5 3 5.224 3 5.5L3 7.5ZM13 10.5L13 8.5C13 8.224 12.776 8 12.5 8C12.224 8 12 8.224 12 8.5L12 10L10.5 10C10.224 10 10 10.224 10 10.5C10 10.776 10.224 11 10.5 11L12.5 11C12.776 11 13 10.776 13 10.5Z\"/></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 3ZM3 5L3 8L4 8L4 6L6 6L6 5L3 5ZM13 8L12 8L12 10L10 10L10 11L13 11L13 8Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/aspect-ratio.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/aspect-ratio.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/aspect-ratio.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/aspect-ratio.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/aspect-ratio.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/aspect-ratio.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/aspect-ratio.png",
   "32": "https://gentleface.com/png/line-round/32/aspect-ratio.png",
   "48": "https://gentleface.com/png/line-round/48/aspect-ratio.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/aspect-ratio.png",
   "32": "https://gentleface.com/png/line-soft/32/aspect-ratio.png",
   "48": "https://gentleface.com/png/line-soft/48/aspect-ratio.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/aspect-ratio.png",
   "32": "https://gentleface.com/png/line-sharp/32/aspect-ratio.png",
   "48": "https://gentleface.com/png/line-sharp/48/aspect-ratio.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/aspect-ratio.png",
   "32": "https://gentleface.com/png/solid-round/32/aspect-ratio.png",
   "48": "https://gentleface.com/png/solid-round/48/aspect-ratio.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/aspect-ratio.png",
   "32": "https://gentleface.com/png/solid-soft/32/aspect-ratio.png",
   "48": "https://gentleface.com/png/solid-soft/48/aspect-ratio.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/aspect-ratio.png",
   "32": "https://gentleface.com/png/solid-sharp/32/aspect-ratio.png",
   "48": "https://gentleface.com/png/solid-sharp/48/aspect-ratio.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}