boot icon

Boot: boots, hiking boots, work boots. 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.561ZM2.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.354C10.01 8.217 9.88 8.075 9.758 7.929C9.678 7.976 9.592 8 9.5 8L7.5 8C7.359 8 7.241 7.952 7.144 7.856C7.048 7.759 7 7.641 7 7.5C7 7.359 7.048 7.241 7.144 7.144C7.241 7.048 7.359 7 7.5 7L9.111 7C8.931 6.685 8.774 6.352 8.641 6L6.5 6C6.359 6 6.241 5.952 6.144 5.856C6.048 5.759 6 5.641 6 5.5C6 5.359 6.048 5.241 6.144 5.144C6.241 5.048 6.359 5 6.5 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 7.5C3 8.427 2.892 9.36 2.675 10.3ZM2.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" (line-round), MIT. https://gentleface.com/icons/boot
import type { SVGProps } from 'react';

export function BootIcon(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.561ZM2.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.354C10.01 8.217 9.88 8.075 9.758 7.929C9.678 7.976 9.592 8 9.5 8L7.5 8C7.359 8 7.241 7.952 7.144 7.856C7.048 7.759 7 7.641 7 7.5C7 7.359 7.048 7.241 7.144 7.144C7.241 7.048 7.359 7 7.5 7L9.111 7C8.931 6.685 8.774 6.352 8.641 6L6.5 6C6.359 6 6.241 5.952 6.144 5.856C6.048 5.759 6 5.641 6 5.5C6 5.359 6.048 5.241 6.144 5.144C6.241 5.048 6.359 5 6.5 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 7.5C3 8.427 2.892 9.36 2.675 10.3ZM2.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.md

Svelte

Svelte: see /icons/boot.md

HTML img

HTML img: see /icons/boot.md

CSS

CSS: see /icons/boot.md

Data URL

Data URL: see /icons/boot.md

Sprite

Sprite: see /icons/boot.md

SwiftUI

SwiftUI: see /icons/boot.md

Compose

Compose: see /icons/boot.md

Android XML

Android XML: see /icons/boot.md

Flutter

Flutter: see /icons/boot.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

boots, hiking boots, work boots

Tags

boot, boots, footwear, hiking, work, shoe

Category

Shopping

Component name

BootIcon

History

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

Family 1

boot-buckle

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.json · Markdown: /icons/boot.md · SVG: https://gentleface.com/svg/{style}/16/boot.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/boot.png

boot icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp