boot-buckle icon

Boot buckle: boot buckle, buckle boot, strap boot. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M14.561 14.561C14.414 14.707 14.245 14.818 14.052 14.895C13.875 14.965 13.691 15 13.5 15L2.5 15C2.309 15 2.125 14.965 1.948 14.895C1.755 14.818 1.586 14.707 1.439 14.561C1.293 14.414 1.182 14.245 1.105 14.052C1.035 13.875 1 13.691 1 13.5L1 12.5C1 12.446 1.009 12.393 1.026 12.342C1.191 11.846 1.312 11.472 1.389 11.221C1.516 10.807 1.62 10.425 1.7 10.075C1.9 9.209 2 8.351 2 7.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5C9 3.002 9.139 4.226 9.417 5.171C9.706 6.152 10.184 6.977 10.854 7.646C11.26 8.053 11.772 8.393 12.391 8.668C12.636 8.777 12.871 8.863 13.094 8.924C13.277 8.975 13.412 9 13.5 9C13.579 9 13.653 9.018 13.724 9.053C14.313 9.348 14.692 9.831 14.86 10.504C14.924 10.759 14.965 11.073 14.984 11.444C14.995 11.66 15 12.013 15 12.5L15 13.5C15 13.691 14.965 13.875 14.895 14.052C14.818 14.245 14.707 14.414 14.561 14.561ZM4 5L4 4L4.499 4L4.5 4L7 4L7 5L8.338 5C8.141 4.159 8.03 3.159 8.005 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 5L4 5ZM3 6L3 7.5C3 8.427 2.892 9.36 2.675 10.3C2.589 10.672 2.479 11.077 2.345 11.514C2.305 11.644 2.254 11.807 2.191 12L13.998 12L13.998 11.998C13.995 11.782 13.991 11.614 13.985 11.494C13.97 11.188 13.938 10.939 13.89 10.746C13.841 10.551 13.771 10.392 13.678 10.269C13.598 10.162 13.493 10.07 13.362 9.993C13.21 9.98 13.032 9.945 12.828 9.888C12.557 9.813 12.276 9.711 11.984 9.582C11.253 9.257 10.64 8.847 10.146 8.354C9.486 7.693 8.984 6.909 8.641 6L7 6L7 7L4 7L4 6L3 6ZM2.146 13.854C2.244 13.951 2.362 14 2.5 14L13.5 14C13.638 14 13.756 13.951 13.854 13.854C13.951 13.756 14 13.638 14 13.5L14 13L2 13L2 13.5C2 13.638 2.049 13.756 2.146 13.854Z"/></svg>

React

// Gentleface "boot-buckle" (line-round), MIT. https://gentleface.com/icons/boot-buckle
import type { SVGProps } from 'react';

export function BootBuckleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M14.561 14.561C14.414 14.707 14.245 14.818 14.052 14.895C13.875 14.965 13.691 15 13.5 15L2.5 15C2.309 15 2.125 14.965 1.948 14.895C1.755 14.818 1.586 14.707 1.439 14.561C1.293 14.414 1.182 14.245 1.105 14.052C1.035 13.875 1 13.691 1 13.5L1 12.5C1 12.446 1.009 12.393 1.026 12.342C1.191 11.846 1.312 11.472 1.389 11.221C1.516 10.807 1.62 10.425 1.7 10.075C1.9 9.209 2 8.351 2 7.5L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5C9 3.002 9.139 4.226 9.417 5.171C9.706 6.152 10.184 6.977 10.854 7.646C11.26 8.053 11.772 8.393 12.391 8.668C12.636 8.777 12.871 8.863 13.094 8.924C13.277 8.975 13.412 9 13.5 9C13.579 9 13.653 9.018 13.724 9.053C14.313 9.348 14.692 9.831 14.86 10.504C14.924 10.759 14.965 11.073 14.984 11.444C14.995 11.66 15 12.013 15 12.5L15 13.5C15 13.691 14.965 13.875 14.895 14.052C14.818 14.245 14.707 14.414 14.561 14.561ZM4 5L4 4L4.499 4L4.5 4L7 4L7 5L8.338 5C8.141 4.159 8.03 3.159 8.005 2L4 2C3.724 2 3.488 2.098 3.293 2.293C3.098 2.488 3 2.724 3 3L3 5L4 5ZM3 6L3 7.5C3 8.427 2.892 9.36 2.675 10.3C2.589 10.672 2.479 11.077 2.345 11.514C2.305 11.644 2.254 11.807 2.191 12L13.998 12L13.998 11.998C13.995 11.782 13.991 11.614 13.985 11.494C13.97 11.188 13.938 10.939 13.89 10.746C13.841 10.551 13.771 10.392 13.678 10.269C13.598 10.162 13.493 10.07 13.362 9.993C13.21 9.98 13.032 9.945 12.828 9.888C12.557 9.813 12.276 9.711 11.984 9.582C11.253 9.257 10.64 8.847 10.146 8.354C9.486 7.693 8.984 6.909 8.641 6L7 6L7 7L4 7L4 6L3 6ZM2.146 13.854C2.244 13.951 2.362 14 2.5 14L13.5 14C13.638 14 13.756 13.951 13.854 13.854C13.951 13.756 14 13.638 14 13.5L14 13L2 13L2 13.5C2 13.638 2.049 13.756 2.146 13.854Z" />
    </svg>
  );
}

Vue

Vue: see /icons/boot-buckle.md

Svelte

Svelte: see /icons/boot-buckle.md

HTML img

HTML img: see /icons/boot-buckle.md

CSS

CSS: see /icons/boot-buckle.md

Data URL

Data URL: see /icons/boot-buckle.md

Sprite

Sprite: see /icons/boot-buckle.md

SwiftUI

SwiftUI: see /icons/boot-buckle.md

Compose

Compose: see /icons/boot-buckle.md

Android XML

Android XML: see /icons/boot-buckle.md

Flutter

Flutter: see /icons/boot-buckle.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

boot buckle, buckle boot, strap boot

Built from

variant of boot

Tags

boot, boots, footwear, buckle, strap, ankle boot, shoe

Category

Shopping

Component name

BootBuckleIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 1

boot

More shopping icons

arrows-up-from-line barcode barcode-off baseball-cap beanie belt bow-tie box-heart cash-register catalog clothes-rack dress earrings flip-flops gem gift · all shopping icons

For agents

Metadata: /icons/boot-buckle.json · Markdown: /icons/boot-buckle.md · SVG: https://gentleface.com/svg/{style}/16/boot-buckle.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/boot-buckle.png

boot-buckle icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp