18f Icon
Free SVG icon from the Govicons collection. Download or copy for use in any project.
The 18f 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/304744.svg" alt="18f icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304744.svg" alt="18f icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304744.svg" alt="18f icon" :width="24" :height="24" />
CSS background
.icon-18f {
background-image: url('https://proicons.com/icon/304744.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, 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 72 56" style="enable-background:new 0 0 72 56;" xml:space="preserve">
<style type="text/css">
.st0{fill:#161616;}
</style>
<g>
<path class="st0" d="M34.6,26.1c1.5,0,2.8-1.2,2.8-2.8c0-1.5-1.2-2.8-2.8-2.8c-1.5,0-2.8,1.2-2.8,2.8
C31.8,24.8,33.1,26.1,34.6,26.1z"/>
<path class="st0" d="M34.6,28.3c-1.9,0-3.5,1.5-3.5,3.5c0,1.9,1.5,3.5,3.5,3.5c1.9,0,3.5-1.5,3.5-3.5
C38.1,29.9,36.5,28.3,34.6,28.3z"/>
<path class="st0" d="M59.2,3.8H12.6c-0.5,0-0.8,0.4-0.8,0.8v46.6c0,0.4,0.4,0.8,0.8,0.8h46.6c0.4,0,0.8-0.4,0.8-0.8V4.6
C60,4.2,59.6,3.8,59.2,3.8z M26,37c0,0.2-0.1,0.3-0.3,0.3h-1.8c-0.2,0-0.3-0.1-0.3-0.3V20.8h-2.4c-0.2,0-0.3-0.1-0.3-0.3v-1.7
c0-0.2,0.1-0.3,0.3-0.3h4.5c0.2,0,0.3,0.1,0.3,0.3L26,37L26,37z M34.6,37.6c-3.2,0-5.8-2.6-5.8-5.8c0-1.9,0.9-3.6,2.5-4.7
c-1.1-1-1.8-2.4-1.8-3.8c0-2.8,2.3-5.1,5.1-5.1c2.8,0,5.1,2.3,5.1,5.1c0,1.5-0.7,2.9-1.8,3.8c1.5,1.1,2.5,2.8,2.5,4.7
C40.4,35,37.8,37.6,34.6,37.6z M50.9,20.5c0,0.2-0.1,0.3-0.3,0.3h-5v5.6h4.1c0.2,0,0.3,0.1,0.3,0.3v1.7c0,0.2-0.1,0.3-0.3,0.3h-4.1
V37c0,0.2-0.1,0.3-0.3,0.3h-1.8c-0.2,0-0.3-0.1-0.3-0.3V18.8c0-0.2,0.1-0.3,0.3-0.3h7.1c0.2,0,0.3,0.1,0.3,0.3V20.5z"/>
</g>
</svg>
More from Govicons
View all
Copied!