This wonderful piece of guerilla art called a Toynbee Tile is made of cut pieces of vinyl linoleum set in some sort of tar, roofing cement, or epoxy. They have been appearing in streets in North and South America since the 1980s.
It is in Haight Street just east of the Clayton Street crosswalk.
Here are 45 more from all over:
It was the subject of a movie: