1. Icon Monks
  2. Design icons
  3. Stroke Center

Stroke Center icon

A free stroke center icon from the Design set, useful for stroke position, center stroke, stroke alignment, border. It comes in six weights and is free for personal and commercial use under the MIT license.

Stroke Center icon, thin weight
Thin
SVG
Stroke Center icon, light weight
Light
SVG
Stroke Center icon, regular weight
Regular
SVG
Stroke Center icon, bold weight
Bold
SVG
Stroke Center icon, fill weight
Fill
SVG
Stroke Center icon, duotone weight
Duotone
SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

Use the stroke center icon in your code

React

import { StrokeCenter } from '@icon-monks/react';

<StrokeCenter size={24} />

Vue

<script setup>
import { StrokeCenter } from '@icon-monks/vue';
</script>

<StrokeCenter :size="24" />

Web component

<icon-monks name="stroke-center" size="24"></icon-monks>

Icon font

<i class="im im-stroke-center"></i>

Flutter

Icon(IconMonks.strokeCenter)

SwiftUI

Image(iconMonks: .strokeCenter)

Compose

Icon(IconMonks.Regular.StrokeCenter, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Tags

Related design icons

See all 346 design icons