![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">1</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">2</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">3</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">4</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">5</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">6</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">7</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">8</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">9</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">10</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">11</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">12</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">13</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">14</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">15</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">16</text> </svg>)
![](data:image/svg+xml;utf-8, <svg width="28" height="28" opacity="1" viewBox="-6 -6 12 12" xmlns="http://www.w3.org/2000/svg"> <path fill="rgb(255,215,0)" stroke="rgb(19,3,119)" stroke-width="2" vector-effect="non-scaling-stroke" d="M-5,0a5,5 0 1,0 10,0a5,5 0 1,0 -10,0" ></path> <text x="0" y="2" fill="rgb(19,3,119)" style="font-family: ApercuRegular,sans-serif;" font-size="6" text-anchor="middle">17</text> </svg>)
Hotel Indigo and On The Grid value your feedback.
Please complete a quick 2 minute survey to tell us about your experience.
Dogpatch & Potrero Hill
Perched on the eastern edge of the city and insulated from Karl the Fog, Dogpatch and Potrero Hill are a sunny oasis filled with hidden charms. Change is definitely afoot—but the neighborhood's industrial roots and community spirit remain intact.
1
Neighbor Bakehouse
Best neighbor ever... and maker of some of the best pastries on earth.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
2
Farley's
Serving community in a cup since 1989.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
3
Potrero Hill Community Garden
A cooperative farming paradise overlooking the city.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
4
Workshop Residence
A rotating collection of housewares, gifts, and apparel from artists-in-residence.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
5
Dekko Salon
San Francisco's best style secret for avant garde color and edgy cuts.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
6
Serpentine
Quintessential California food and craft cocktails.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
7
Hazel's Kitchen
Breakfast and lunch just like your mom used to make... but way better.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
8
La Fromagerie
The ultimate one-stop shop for an epicurean picnic.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
9
Christopher's Books
One of the last independent bookstores and a great source for kid-friendly gifts.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
10
Third Rail
Craft cocktails and artisan jerky: two great tastes that taste great together.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
11
Mr. and Mrs. Miscellaneous
An ever-changing array of unusual—and unusually delicious—ice cream.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
12
Pennsylvania Garden
An enchanted garden in the most unexpected of places.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
13
Piccino Coffee Bar
All-day sweet and savory treats and artisan coffee.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
14
Ruby Wine
A thoughtfully curated selection of unusual and hard-to-find wines.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
15
San Francisco Public Library
A reading room with a view.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
16
Olivier's Butchery
A French butchery specializing in traditional cuts and dry aged steaks.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
17
Dignitá
Coffee with a conscience.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
Explore more neighborhoods
Error loading image!
San Francisco Public Library
- Address
- 1616 20th Street
- Website
- Visit Website
- Free Lyft
- Free Lyft
Perched at the apex of Potrero Hill, this branch of San Francisco Public Library offers a quiet place to while away an afternoon in the stacks. Rediscover the joy of free books while enjoying one of the most spectacular city views outside of Twin Peaks.
Error loading image!
Error loading image!
Error loading image!
Error loading image!
Error loading image!
Error loading image!
Olivier's Butchery
Error loading image!