Learn Html Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Learn Html 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/328231.svg" alt="Learn Html icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/328231.svg" alt="Learn Html icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/328231.svg" alt="Learn Html icon" :width="24" :height="24" />
CSS background
.icon-learn-html {
background-image: url('https://proicons.com/icon/328231.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 25.3.0, 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 48 48" fill="#ffffff" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}
.st1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<path class="st0" d="M30.7,23.7H17.3l0.5,7.3h12.6l-0.6,7.9L24,40.5l-5.7-1.6l-0.2-3.3"/>
<g>
<g>
<polyline class="st1" points="36.4,7.5 36.4,17.4 41.4,17.4 "/>
</g>
<polyline class="st1" points="24.3,17.3 24.3,7.5 29.2,17.4 34.1,7.5 34.1,17.4 "/>
<g>
<line class="st1" x1="15.5" y1="7.5" x2="22" y2="7.5"/>
<line class="st1" x1="18.7" y1="17.4" x2="18.7" y2="7.5"/>
</g>
<g>
<line class="st1" x1="6.6" y1="7.5" x2="6.6" y2="17.4"/>
<line class="st1" x1="13.2" y1="7.5" x2="13.2" y2="17.4"/>
<line class="st1" x1="6.6" y1="12.4" x2="13.2" y2="12.4"/>
</g>
</g>
</svg>
More from Arcticons
View all
Copied!