1. Icon Monks
  2. Editor icons
  3. Align Box Center Middle

Align Box Center Middle icon

A free align box center middle icon from the Editor set, useful for align, alignment, layout, box. It comes in six weights and is free for personal and commercial use under the MIT license.

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

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

Use the align box center middle icon in your code

React

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

<AlignBoxCenterMiddle size={24} />

Vue

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

<AlignBoxCenterMiddle :size="24" />

Web component

<icon-monks name="align-box-center-middle" size="24"></icon-monks>

Icon font

<i class="im im-align-box-center-middle"></i>

Flutter

Icon(IconMonks.alignBoxCenterMiddle)

SwiftUI

Image(iconMonks: .alignBoxCenterMiddle)

Compose

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

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

Tags

Related editor icons

See all 277 editor icons