ICONYZ
English
Merge Outlined icon from Ant Design Icons

Merge Outlined icon

ant-design:merge-outlined

The Merge Outlined icon (ant-design:merge-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
mergeoutlined
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><g fill="currentColor" fill-rule="evenodd"><path d="M248 752h72V264h-72z"/><path d="M740 863c61.856 0 112-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.204L308.643 342.15l-22.405 68.425l420.25 137.608l.014 95.914C661.009 658.336 628 700.813 628 751c0 61.856 50.144 112 112 112m-456 61c61.856 0 112-50.144 112-112s-50.144-112-112-112s-112 50.144-112 112s50.144 112 112 112m456-125c-26.51 0-48-21.49-48-48s21.49-48 48-48s48 21.49 48 48s-21.49 48-48 48m-456 61c-26.51 0-48-21.49-48-48s21.49-48 48-48s48 21.49 48 48s-21.49 48-48 48m0-536c61.856 0 112-50.144 112-112s-50.144-112-112-112s-112 50.144-112 112s50.144 112 112 112m0-64c-26.51 0-48-21.49-48-48s21.49-48 48-48s48 21.49 48 48s-21.49 48-48 48"/></g></svg>

How to use the Merge Outlined icon

React

import { Icon } from "@iconify/react";

<Icon icon="ant-design:merge-outlined" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ant-design:merge-outlined" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ant-design:merge-outlined" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--merge-outlined]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:merge-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:merge-outlined"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ant-design/merge-outlined.svg" alt="Merge Outlined icon" width="24" height="24">

Related icons in Ant Design Icons

Merge Outlined icon in other icon sets

Merge Outlined icon FAQ

Is the Merge 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 Merge Outlined icon in React?

Install @iconify/react and render <Icon icon="ant-design:merge-outlined" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Merge Outlined icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ant-design/merge-outlined.svg" alt="Merge Outlined icon">, or paste the SVG code inline to style it with CSS.

Browse all Ant Design Icons →