Focus Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Focus 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/310729.svg" alt="Focus icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310729.svg" alt="Focus icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310729.svg" alt="Focus icon" :width="24" :height="24" />
CSS background
.icon-focus {
background-image: url('https://proicons.com/icon/310729.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.325 8.29999V6.44999C20.325 5.71401 20.0327 5.00818 19.5122 4.48777C18.9918 3.96735 18.286 3.67499 17.55 3.67499H14.775" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.775 20.325H17.55C18.286 20.325 18.9918 20.0326 19.5122 19.5122C20.0327 18.9918 20.325 18.286 20.325 17.55V15.7" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.67499 15.7V17.55C3.67499 18.286 3.96735 18.9918 4.48777 19.5122C5.00818 20.0326 5.71401 20.325 6.44999 20.325H9.22499" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.22499 3.67499H6.44999C5.71401 3.67499 5.00818 3.96735 4.48777 4.48777C3.96735 5.00818 3.67499 5.71401 3.67499 6.44999V8.29999" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 8C13.0609 8 14.0783 8.42143 14.8284 9.17157C15.5786 9.92172 16 10.9391 16 12C16 13.0609 15.5786 14.0783 14.8284 14.8284C14.0783 15.5786 13.0609 16 12 16C10.9391 16 9.92172 15.5786 9.17157 14.8284C8.42143 14.0783 8 13.0609 8 12C8 10.9391 8.42143 9.92172 9.17157 9.17157C9.92172 8.42143 10.9391 8 12 8Z" stroke="black" stroke-width="1.5"/> </svg>
More from Mage Icons
View all
Focus in other icon packs
Copied!