Reconciliation Twotone icon
ant-design:reconciliation-twotone
The Reconciliation Twotone icon (ant-design:reconciliation-twotone) 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
- reconciliationtwotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M740 344H404V240H304v160h176c17.7 0 32 14.3 32 32v360h328V240H740zM584 448c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8zm92 301c-50.8 0-92-41.2-92-92s41.2-92 92-92s92 41.2 92 92s-41.2 92-92 92m92-341v96c0 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 8"/><path fill="currentColor" fill-opacity=".15" d="M642 657a34 34 0 1 0 68 0a34 34 0 1 0-68 0"/><path fill="currentColor" d="M592 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 8m112-104v96c0 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 8"/><path fill="currentColor" d="M880 168H668c0-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-32H304V240h100v104h336V240h100z"/><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 34"/></svg>How to use the Reconciliation Twotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:reconciliation-twotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:reconciliation-twotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:reconciliation-twotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--reconciliation-twotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:reconciliation-twotone"></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-twotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/reconciliation-twotone.svg" alt="Reconciliation Twotone icon" width="24" height="24">Related icons in Ant Design Icons
Reconciliation Twotone icon FAQ
Is the Reconciliation Twotone 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 Twotone icon in React?
Install @iconify/react and render <Icon icon="ant-design:reconciliation-twotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Reconciliation Twotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/reconciliation-twotone.svg" alt="Reconciliation Twotone icon">, or paste the SVG code inline to style it with CSS.