Merge Filled icon
ant-design:merge-filled
The Merge Filled icon (ant-design:merge-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
- mergefilled
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M284 924c61.856 0 112-50.144 112-112c0-49.262-31.803-91.095-75.998-106.088L320 421.629l386.488 126.553l.014 95.914C661.009 658.336 628 700.813 628 751c0 61.856 50.144 112 112 112s112-50.144 112-112c0-48.327-30.608-89.505-73.496-105.206l-.018-113.037c-.003-21.932-14.1-41.379-34.944-48.204L320 345.868l.002-27.78c43.64-14.805 75.197-55.78 75.983-104.236L396 212c0-61.856-50.144-112-112-112s-112 50.144-112 112c0 49.262 31.804 91.096 75.999 106.088v387.824C203.804 720.904 172 762.738 172 812c0 61.856 50.144 112 112 112"/></svg>How to use the Merge Filled icon
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:merge-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:merge-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:merge-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--merge-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:merge-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:merge-filled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ant-design/merge-filled.svg" alt="Merge Filled icon" width="24" height="24">Related icons in Ant Design Icons
Merge Filled icon in other icon sets
Merge Filled icon FAQ
Is the Merge 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 Merge Filled icon in React?
Install @iconify/react and render <Icon icon="ant-design:merge-filled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Merge Filled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/merge-filled.svg" alt="Merge Filled icon">, or paste the SVG code inline to style it with CSS.