Pixelarticons

Float Center Pixel Art Icon

A float-center icon for centering an image or element within flowing text in rich-text editors and layout tools.

office Free 4 variants

Tags

floatcenter

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Float Center icon

Lines of text around a centered block, representing the 'float: center' or 'center block' layout option in a document editor. Use it in a rich-text toolbar to let users center an image within a column of text, in a CMS block editor's alignment picker, or in a newsletter builder's layout controls. It is the centering complement to float-left and float-right in the same icon family. When no text wrapping is involved, the standard text-align-center icon applies instead.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/float-center.svg" width="24" height="24" alt="Float Center" />

<!-- React -->
import { FloatCenter } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="float-center.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons