Front End Development Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Front End Development 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/320066.svg" alt="Front End Development icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320066.svg" alt="Front End Development icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320066.svg" alt="Front End Development icon" :width="24" :height="24" />
CSS background
.icon-front-end-development {
background-image: url('https://proicons.com/icon/320066.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 29.1.0, SVG Export Plug-In . SVG Version: 9.03 Build 55587) --> <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="front-end-development_00000046316434427313601000000018239369837945782660_" d="M28.5,2C28.224,2,28,2.224,28,2.5 S28.224,3,28.5,3S29,2.776,29,2.5S28.776,2,28.5,2z M26.5,2C26.224,2,26,2.224,26,2.5S26.224,3,26.5,3S27,2.776,27,2.5 S26.776,2,26.5,2z M24.5,2C24.224,2,24,2.224,24,2.5S24.224,3,24.5,3S25,2.776,25,2.5S24.776,2,24.5,2z M20.255,16.254l-0.51-0.509 L22.491,13l-2.746-2.746l0.51-0.509L23.509,13L20.255,16.254z M11.746,16.254L8.491,13l3.255-3.254l0.509,0.509L9.509,13 l2.745,2.746L11.746,16.254z M31,31.36H1v-0.72h30V31.36z M31,28.36H1v-0.72h30V28.36z M31,25.36H1v-0.72h30V25.36z M31,22.36H1 c-0.199,0-0.36-0.161-0.36-0.36V1c0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v21 C31.36,22.199,31.199,22.36,31,22.36z M1.36,21.64h29.28V4.36H1.36V21.64z M1.36,3.64h29.28V1.36H1.36V3.64z M15.349,17.087 l-0.698-0.174l2-8l0.699,0.175L15.349,17.087z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
More from Carbon Icons
View all
Copied!