What does the stroke outside icon represent?

It signifies an outline or border around an object, often used to draw attention to its selected or active status.

How do I use StrokeOutsideIcon in React?

Import both HugeiconsIcon and StrokeOutsideIcon, then render .

What is the license for this icon?

The StrokeOutsideIcon is distributed under the MIT license.

stroke outside icon

HugeIcons · StrokeOutsideIcon · MIT

The HugeIcons stroke outside icon visually represents an outline or border surrounding an element, commonly used to indicate focus, selection, or an active state.

Common uses

Highlighting a selected item in a list
Indicating the currently focused input field
Showing the boundary of a draggable element

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { StrokeOutsideIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={StrokeOutsideIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: outlineborderfocusselected

FAQ

What does the stroke outside icon represent?: It signifies an outline or border around an object, often used to draw attention to its selected or active status.
How do I use StrokeOutsideIcon in React?: Import both HugeiconsIcon and StrokeOutsideIcon, then render <HugeiconsIcon icon={StrokeOutsideIcon} />.
What is the license for this icon?: The StrokeOutsideIcon is distributed under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

hugeicons hugeicons hugeicons hugeicons hugeicons hugeicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →