Pixelarticons

Float Left Pixel Art Icon

A float-left icon for wrapping text around a left-aligned image or element in rich-text editors and page builders.

office Free 4 variants

Tags

floatleftbackpreviouswest

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 Left icon

A small block on the left with text lines wrapping around its right side, representing the CSS 'float: left' layout instruction. Use it in a rich-text editor's image alignment toolbar, a page builder that lets users wrap text around media, or a newsletter editor's layout picker. It pairs with float-right and float-center to give a complete set of float alignment options. For simple text alignment without wrapping, text-align-left is the semantically cleaner choice.

Usage

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

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

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

Related icons