align vertical center

Huge Icons icon · align-vertical-center

License: MIT
Author: Hugeicons
Grid: 24×24

Check the license before commercial use. Some sets ask you to credit the author.

Use this icon in your code

Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.

Smallest install: just this one library.

terminal

npm install @rdicons/react-hugeicons

your code

import { AlignVerticalCenter } from '@rdicons/react-hugeicons'

export function Example() {
  return <AlignVerticalCenter />
}

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.5 8.002c.844 0 1.818-.083 2.299.75c.201.348.201.816.201 1.75v3c0 .935 0 1.402-.201 1.75c-.481.834-1.455.75-2.299.75s-1.818.084-2.299-.75C14 14.904 14 14.437 14 13.502v-3c0-.934 0-1.402.201-1.75c.481-.833 1.455-.75 2.299-.75m-9-4c.844 0 1.818-.083 2.299.75c.201.348.201.816.201 1.75v11c0 .935 0 1.402-.201 1.75c-.481.834-1.455.75-2.299.75s-1.818.084-2.299-.75C5 18.904 5 18.437 5 17.502v-11c0-.934 0-1.402.201-1.75c.481-.833 1.455-.75 2.299-.75M5 12H2m12 0h-4m12 0h-3"/></svg>

align vertical center

Use this icon in your code

SVG code

More from Huge Icons