gentleface

Gentleface › Transportation › bike-dock

bike-dock icon

Bike dock: bike station, bike share dock, bike parking. 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="M7.763 10.926C7.683 10.975 7.596 11 7.5 11L7 11C7 11.381 6.93 11.75 6.789 12.104C6.637 12.489 6.414 12.828 6.121 13.121C5.828 13.414 5.489 13.637 5.104 13.789C4.75 13.93 4.381 14 4 14C3.619 14 3.25 13.93 2.896 13.789C2.511 13.637 2.172 13.414 1.879 13.121C1.586 12.828 1.363 12.489 1.211 12.104C1.07 11.75 1 11.381 1 11C1 10.619 1.07 10.25 1.211 9.896C1.363 9.511 1.586 9.172 1.879 8.879C2.172 8.586 2.511 8.363 2.896 8.211C3.25 8.07 3.619 8 4 8C4.376 8 4.739 8.068 5.089 8.205L6 6.382L6 5L4.5 5C4.359 5 4.241 4.952 4.144 4.856C4.048 4.759 4 4.641 4 4.5C4 4.359 4.048 4.241 4.144 4.144C4.241 4.048 4.359 4 4.5 4L7.5 4C7.641 4 7.759 4.048 7.856 4.144C7.952 4.241 8 4.359 8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5L7 5L7 6L9 6L9 3.5C9 3.359 9.048 3.241 9.144 3.144C9.241 3.048 9.359 3 9.5 3L11.5 3C11.641 3 11.759 3.048 11.856 3.144C11.952 3.241 12 3.359 12 3.5C12 3.641 11.952 3.759 11.856 3.856C11.759 3.952 11.641 4 11.5 4L10 4L10 6.382L11.947 10.276C11.975 10.333 11.993 10.39 12 10.447L12 10.559C11.996 10.592 11.988 10.626 11.977 10.659C11.934 10.788 11.85 10.884 11.724 10.947C11.598 11.01 11.47 11.02 11.341 10.977C11.212 10.934 11.116 10.85 11.053 10.724L10.519 9.655C10.405 9.78 10.308 9.919 10.228 10.073C10.076 10.363 10 10.672 10 11C10 11.479 10.152 11.903 10.457 12.273C10.762 12.642 11.149 12.872 11.619 12.963C11.758 12.99 11.865 13.06 11.941 13.173C11.966 13.21 11.986 13.249 12 13.29L12 13.609C11.966 13.719 11.901 13.806 11.806 13.871C11.693 13.947 11.567 13.972 11.429 13.945C11.098 13.881 10.786 13.764 10.494 13.595C10.184 13.415 9.914 13.186 9.686 12.909C9.457 12.632 9.284 12.323 9.166 11.984C9.055 11.665 9 11.337 9 11C9 10.508 9.114 10.045 9.342 9.609C9.523 9.264 9.759 8.967 10.051 8.719L9.5 7.618L7.947 10.724C7.904 10.809 7.843 10.876 7.763 10.926ZM8.691 7L6.809 7L5.949 8.719C6.008 8.77 6.066 8.823 6.121 8.879C6.414 9.172 6.637 9.511 6.789 9.896C6.803 9.93 6.816 9.965 6.828 10L7.191 10L8.691 7ZM14 15C13.724 15 13.488 14.902 13.293 14.707C13.098 14.512 13 14.276 13 14L13 8C13 7.724 13.098 7.488 13.293 7.293C13.488 7.098 13.724 7 14 7C14.276 7 14.512 7.098 14.707 7.293C14.902 7.488 15 7.724 15 8L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15ZM4.276 10.947C4.153 10.885 4.069 10.789 4.026 10.658C3.982 10.527 3.991 10.4 4.053 10.276L4.639 9.105C4.432 9.035 4.22 9 4 9C3.746 9 3.5 9.047 3.264 9.14C3.007 9.242 2.781 9.391 2.586 9.586C2.391 9.781 2.242 10.007 2.14 10.264C2.047 10.5 2 10.746 2 11C2 11.254 2.047 11.5 2.14 11.736C2.242 11.993 2.391 12.219 2.586 12.414C2.781 12.609 3.007 12.758 3.264 12.86C3.5 12.953 3.746 13 4 13C4.254 13 4.5 12.953 4.736 12.86C4.993 12.758 5.219 12.609 5.414 12.414C5.609 12.219 5.758 11.993 5.86 11.736C5.953 11.5 6 11.254 6 11L4.5 11C4.421 11 4.347 10.982 4.276 10.947Z"/></svg>
React
// Gentleface "bike-dock" (line-round), MIT. https://gentleface.com/icons/bike-dock
import type { SVGProps } from 'react';

export function BikeDockIcon(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="M7.763 10.926C7.683 10.975 7.596 11 7.5 11L7 11C7 11.381 6.93 11.75 6.789 12.104C6.637 12.489 6.414 12.828 6.121 13.121C5.828 13.414 5.489 13.637 5.104 13.789C4.75 13.93 4.381 14 4 14C3.619 14 3.25 13.93 2.896 13.789C2.511 13.637 2.172 13.414 1.879 13.121C1.586 12.828 1.363 12.489 1.211 12.104C1.07 11.75 1 11.381 1 11C1 10.619 1.07 10.25 1.211 9.896C1.363 9.511 1.586 9.172 1.879 8.879C2.172 8.586 2.511 8.363 2.896 8.211C3.25 8.07 3.619 8 4 8C4.376 8 4.739 8.068 5.089 8.205L6 6.382L6 5L4.5 5C4.359 5 4.241 4.952 4.144 4.856C4.048 4.759 4 4.641 4 4.5C4 4.359 4.048 4.241 4.144 4.144C4.241 4.048 4.359 4 4.5 4L7.5 4C7.641 4 7.759 4.048 7.856 4.144C7.952 4.241 8 4.359 8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5L7 5L7 6L9 6L9 3.5C9 3.359 9.048 3.241 9.144 3.144C9.241 3.048 9.359 3 9.5 3L11.5 3C11.641 3 11.759 3.048 11.856 3.144C11.952 3.241 12 3.359 12 3.5C12 3.641 11.952 3.759 11.856 3.856C11.759 3.952 11.641 4 11.5 4L10 4L10 6.382L11.947 10.276C11.975 10.333 11.993 10.39 12 10.447L12 10.559C11.996 10.592 11.988 10.626 11.977 10.659C11.934 10.788 11.85 10.884 11.724 10.947C11.598 11.01 11.47 11.02 11.341 10.977C11.212 10.934 11.116 10.85 11.053 10.724L10.519 9.655C10.405 9.78 10.308 9.919 10.228 10.073C10.076 10.363 10 10.672 10 11C10 11.479 10.152 11.903 10.457 12.273C10.762 12.642 11.149 12.872 11.619 12.963C11.758 12.99 11.865 13.06 11.941 13.173C11.966 13.21 11.986 13.249 12 13.29L12 13.609C11.966 13.719 11.901 13.806 11.806 13.871C11.693 13.947 11.567 13.972 11.429 13.945C11.098 13.881 10.786 13.764 10.494 13.595C10.184 13.415 9.914 13.186 9.686 12.909C9.457 12.632 9.284 12.323 9.166 11.984C9.055 11.665 9 11.337 9 11C9 10.508 9.114 10.045 9.342 9.609C9.523 9.264 9.759 8.967 10.051 8.719L9.5 7.618L7.947 10.724C7.904 10.809 7.843 10.876 7.763 10.926ZM8.691 7L6.809 7L5.949 8.719C6.008 8.77 6.066 8.823 6.121 8.879C6.414 9.172 6.637 9.511 6.789 9.896C6.803 9.93 6.816 9.965 6.828 10L7.191 10L8.691 7ZM14 15C13.724 15 13.488 14.902 13.293 14.707C13.098 14.512 13 14.276 13 14L13 8C13 7.724 13.098 7.488 13.293 7.293C13.488 7.098 13.724 7 14 7C14.276 7 14.512 7.098 14.707 7.293C14.902 7.488 15 7.724 15 8L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15ZM4.276 10.947C4.153 10.885 4.069 10.789 4.026 10.658C3.982 10.527 3.991 10.4 4.053 10.276L4.639 9.105C4.432 9.035 4.22 9 4 9C3.746 9 3.5 9.047 3.264 9.14C3.007 9.242 2.781 9.391 2.586 9.586C2.391 9.781 2.242 10.007 2.14 10.264C2.047 10.5 2 10.746 2 11C2 11.254 2.047 11.5 2.14 11.736C2.242 11.993 2.391 12.219 2.586 12.414C2.781 12.609 3.007 12.758 3.264 12.86C3.5 12.953 3.746 13 4 13C4.254 13 4.5 12.953 4.736 12.86C4.993 12.758 5.219 12.609 5.414 12.414C5.609 12.219 5.758 11.993 5.86 11.736C5.953 11.5 6 11.254 6 11L4.5 11C4.421 11 4.347 10.982 4.276 10.947Z" />
    </svg>
  );
}
Vue
Vue: see /icons/bike-dock.md
Svelte
Svelte: see /icons/bike-dock.md
HTML img
HTML img: see /icons/bike-dock.md
CSS
CSS: see /icons/bike-dock.md
Data URL
Data URL: see /icons/bike-dock.md
Sprite
Sprite: see /icons/bike-dock.md
SwiftUI
SwiftUI: see /icons/bike-dock.md
Compose
Compose: see /icons/bike-dock.md
Android XML
Android XML: see /icons/bike-dock.md
Flutter
Flutter: see /icons/bike-dock.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
bike station, bike share dock, bike parking
Tags
bike station, bike share, docking station, bike parking, bicycle, bike rack, dock, rental
Category
Transportation
Component name
BikeDockIcon
History
  • 20 px drawn, 24 px drawn, added

Family 3

More transportation icons

For agents

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