Reconciliation Filled icon
ant-design:reconciliation-filled
The Reconciliation Filled icon (ant-design:reconciliation-filled) is a free SVG icon from the Ant Design Icons set by HeskeyBaozi. It is drawn on a 1024 × 1024 grid. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ant Design Icons
- Author
- HeskeyBaozi
- License
- MIT
- Size
- 1024 × 1024
- Tags
- reconciliationfilled, reconciliation fill
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M676 623c-18.8 0-34 15.2-34 34s15.2 34 34 34s34-15.2 34-34s-15.2-34-34-34m204-455H668c0-30.9-25.1-56-56-56h-80c-30.9 0-56 25.1-56 56H264c-17.7 0-32 14.3-32 32v200h-88c-17.7 0-32 14.3-32 32v448c0 17.7 14.3 32 32 32h336c17.7 0 32-14.3 32-32v-16h368c17.7 0 32-14.3 32-32V200c0-17.7-14.3-32-32-32M448 848H176V616h272zm0-296H176v-88h272zm20-272v-48h72v-56h64v56h72v48zm180 168v56c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-56c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8m28 301c-50.8 0-92-41.2-92-92s41.2-92 92-92s92 41.2 92 92s-41.2 92-92 92m92-245c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-96c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8zm-92 61c-50.8 0-92 41.2-92 92s41.2 92 92 92s92-41.2 92-92s-41.2-92-92-92m0 126c-18.8 0-34-15.2-34-34s15.2-34 34-34s34 15.2 34 34s-15.2 34-34 34"/></svg>How to use the Reconciliation Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:reconciliation-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:reconciliation-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:reconciliation-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--reconciliation-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:reconciliation-filled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:reconciliation-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/reconciliation-filled.svg" alt="Reconciliation Filled icon" width="24" height="24">Related icons in Ant Design Icons
Reconciliation Filled icon FAQ
Is the Reconciliation Filled icon free for commercial use?
Yes. Ant Design Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Reconciliation Filled icon in React?
Install @iconify/react and render <Icon icon="ant-design:reconciliation-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Reconciliation Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/reconciliation-filled.svg" alt="Reconciliation Filled icon">, or paste the SVG code inline to style it with CSS.