Focus On Code Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: focus on code programming developer software html

The Focus On Code icon is commonly used in developer tools, documentation sites and code editors. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/320051.svg" alt="Focus On Code icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/320051.svg" alt="Focus On Code icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/320051.svg"
  alt="Focus On Code icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-focus-on-code {
  background-image: url('https://proicons.com/icon/320051.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 26.3.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 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="focus-on-code_00000080208678224960378530000006763340496258805173_" d="M16,30.36c-7.393,0-13.606-5.698-14.284-13.03
	C1.102,17.199,0.64,16.653,0.64,16s0.462-1.199,1.076-1.33C2.394,7.338,8.607,1.64,16,1.64c7.394,0,13.607,5.698,14.284,13.03
	c0.613,0.131,1.076,0.677,1.076,1.33s-0.463,1.199-1.076,1.33C29.607,24.662,23.394,30.36,16,30.36z M2.436,17.288
	C3.09,24.24,8.986,29.64,16,29.64s12.91-5.399,13.564-12.352c-0.071-0.023-0.14-0.054-0.205-0.089
	C27.052,19.522,21.575,24.36,16,24.36S4.949,19.522,2.641,17.199C2.575,17.234,2.507,17.265,2.436,17.288z M3.164,16.704
	C5.058,18.603,10.595,23.64,16,23.64c5.404,0,10.942-5.037,12.837-6.936C28.712,16.498,28.64,16.257,28.64,16
	s0.072-0.498,0.197-0.704C26.942,13.397,21.404,8.36,16,8.36c-5.405,0-10.942,5.037-12.836,6.937C3.288,15.502,3.36,15.743,3.36,16
	S3.288,16.498,3.164,16.704z M30,15.36c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64
	S30.353,15.36,30,15.36z M2,15.36c-0.353,0-0.64,0.287-0.64,0.64S1.647,16.64,2,16.64S2.64,16.353,2.64,16S2.353,15.36,2,15.36z
	 M16,7.64c5.575,0,11.052,4.837,13.359,7.161c0.065-0.035,0.134-0.065,0.205-0.089C28.91,7.759,23.014,2.36,16,2.36
	S3.09,7.759,2.436,14.711c0.071,0.024,0.14,0.054,0.205,0.089C4.949,12.477,10.425,7.64,16,7.64z M16,22.36
	c-3.02,0-5.584-2.092-6.21-5.017C9.139,17.242,8.64,16.678,8.64,16s0.499-1.242,1.149-1.344C10.416,11.731,12.98,9.64,16,9.64
	c3.021,0,5.585,2.091,6.211,5.016c0.65,0.102,1.149,0.666,1.149,1.344s-0.499,1.242-1.149,1.344
	C21.585,20.269,19.021,22.36,16,22.36z M10.509,17.262C11.09,19.819,13.346,21.64,16,21.64s4.911-1.821,5.492-4.378
	C20.993,17.06,20.64,16.57,20.64,16s0.354-1.06,0.853-1.262C20.911,12.182,18.654,10.36,16,10.36s-4.911,1.822-5.491,4.379
	C11.007,14.94,11.36,15.43,11.36,16S11.007,17.06,10.509,17.262z M22,15.36c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64
	s0.64-0.287,0.64-0.64S22.353,15.36,22,15.36z M10,15.36c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64
	S10.353,15.36,10,15.36z M16,17.36c-0.75,0-1.36-0.61-1.36-1.36s0.61-1.36,1.36-1.36s1.36,0.61,1.36,1.36S16.75,17.36,16,17.36z
	 M16,15.36c-0.353,0-0.64,0.287-0.64,0.64s0.287,0.64,0.64,0.64s0.64-0.287,0.64-0.64S16.353,15.36,16,15.36z M27.36,17h-0.72v-2
	h0.721L27.36,17L27.36,17z M25.36,17h-0.72v-2h0.721L25.36,17L25.36,17z M19.36,17h-0.72v-2h0.721L19.36,17L19.36,17z M13.36,17
	h-0.72v-2h0.72V17z M7.36,17H6.64v-2h0.72C7.36,15,7.36,17,7.36,17z M5.36,17H4.64v-2h0.72C5.36,15,5.36,17,5.36,17z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Copied!

Focus On Code Icon

More from Carbon Icons