San Francisco Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The San Francisco icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/320646.svg" alt="San Francisco icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320646.svg" alt="San Francisco icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320646.svg" alt="San Francisco icon" :width="24" :height="24" />
CSS background
.icon-san-francisco {
background-image: url('https://proicons.com/icon/320646.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="san-francisco_1_" d="M31,16.318v-0.721c-0.984-0.084-1.949-0.291-2.88-0.62c-1.436-0.508-2.741-1.282-3.88-2.302 C21.774,10.468,20.36,7.307,20.36,4V1h-0.72v2.64h-7.28V1h-0.72v3l0,0c0,3.307-1.414,6.468-3.88,8.675 c-1.139,1.02-2.444,1.794-3.88,2.302c-0.931,0.329-1.896,0.537-2.88,0.62v0.721c0.909-0.073,1.799-0.265,2.668-0.535v3.856H1v0.721 h10.64v1.279H1v0.721h10.64V31h0.72v-2.64h7.28V31h0.721v-8.64H31v-0.72H20.36v-1.28H31v-0.72h-2.612v-3.841 C29.239,16.059,30.11,16.247,31,16.318z M19.64,5.64h-1.28V4.36h1.279L19.64,5.64L19.64,5.64z M19.64,13.64h-1.28v-1.28h1.279 L19.64,13.64L19.64,13.64z M12.36,12.36h1.28v1.28h-1.28V12.36z M14.36,12.36h1.28v1.28h-1.28V12.36z M16.36,12.36h1.28v1.28h-1.28 V12.36z M12.36,11.64V6.36h7.28v5.28H12.36z M17.64,5.64h-1.28V4.36h1.28V5.64z M15.64,5.64h-1.28V4.36h1.28V5.64z M13.64,5.64 h-1.28V4.36h1.28V5.64z M12.36,14.36h7.28v5.28h-7.28C12.36,19.64,12.36,14.36,12.36,14.36z M4.388,15.547 c1.188-0.452,2.286-1.081,3.28-1.87v5.963h-3.28C4.388,19.64,4.388,15.547,4.388,15.547z M8.388,19.64v-6.575 c1.484-1.374,2.59-3.077,3.252-4.949V19.64H8.388z M12.36,26.36h1.28v1.279h-1.28V26.36z M17.64,26.36v1.279h-1.28V26.36H17.64z M15.64,27.64h-1.28v-1.28h1.28V27.64z M18.36,27.64v-1.28h1.279v1.279L18.36,27.64L18.36,27.64z M19.64,25.64h-7.28v-3.28h7.28 V25.64z M19.64,21.64h-7.28v-1.28h7.28V21.64z M20.36,8.118c0.671,1.895,1.795,3.619,3.307,5.002v6.52H20.36V8.118z M24.388,19.64 v-5.918c0.995,0.781,2.093,1.402,3.279,1.847v4.071H24.388z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
More from Carbon Icons
View all
Copied!