Design Tools icon
Align Horizontal Centers icon
A free, open source align horizontal centers icon on a 24×24 grid with a 1.5px stroke. Download it as SVG or use it from the Iconoir packages for React, Vue, Flutter and CSS.
Use the align horizontal centers icon in your project
React
npm i iconoir-react
import { AlignHorizontalCenters } from 'iconoir-react';
<AlignHorizontalCenters />Also in React Native: import { AlignHorizontalCenters } from 'iconoir-react-native'. Solid: AlignHorizontalCentersSolid.
Vue
npm i @iconoir/vue
<script setup>
import { AlignHorizontalCenters } from '@iconoir/vue';
</script>
<template>
<AlignHorizontalCenters />
</template>CSS
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css" />
<i class="iconoir-align-horizontal-centers"></i>Flutter
flutter pub add iconoir_flutter
import 'package:iconoir_flutter/iconoir_flutter.dart';
const AlignHorizontalCenters()