Reconciliation Outlined icon
ant-design:reconciliation-outlined
The Reconciliation Outlined icon (ant-design:reconciliation-outlined) 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
- reconciliationoutlined, reconciliation, reconciliation outline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M676 565c-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 34m204-523H668c0-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-32m-412 64h72v-56h64v56h72v48H468zm-20 616H176V616h272zm0-296H176v-88h272zm392 240H512V432c0-17.7-14.3-32-32-32H304V240h100v104h336V240h100zM704 408v96c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-96c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8M592 512h48c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8"/></svg>How to use the Reconciliation Outlined icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:reconciliation-outlined" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:reconciliation-outlined" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:reconciliation-outlined" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--reconciliation-outlined]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:reconciliation-outlined"></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-outlined"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/reconciliation-outlined.svg" alt="Reconciliation Outlined icon" width="24" height="24">Related icons in Ant Design Icons
Reconciliation Outlined icon FAQ
Is the Reconciliation Outlined 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 Outlined icon in React?
Install @iconify/react and render <Icon icon="ant-design:reconciliation-outlined" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Reconciliation Outlined icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/reconciliation-outlined.svg" alt="Reconciliation Outlined icon">, or paste the SVG code inline to style it with CSS.