Focus

Usage

With Web Components

<ss-icon icon="focus"></ss-icon>

With icon tag

<i class="ss ss-focus"></i>

With custom stroke width / thickness

<ss-icon icon="focus" thickness="1.2"></ss-icon>

Icon Details

Property	Value
Name	Focus
Slug	focus
Tags	focus, lock in, scan, fullscreen, aim, target, center

SVG Path

M3 7V5c0-1.1.9-2 2-2h2M17 3h2c1.1 0 2 .9 2 2v2M21 17v2c0 1.1-.9 2-2 2h-2M7 21H5c-1.1 0-2-.9-2-2v-2M5 3 7 3Z

Raw SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M3 7V5c0-1.1.9-2 2-2h2M17 3h2c1.1 0 2 .9 2 2v2M21 17v2c0 1.1-.9 2-2 2h-2M7 21H5c-1.1 0-2-.9-2-2v-2M5 3 7 3Z"></path>
</svg>

---

← Back to Icon Library