merge icon

merge-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: merge-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT

1 other variant in Ant Design Icons

The same icon in other sets

mergeBoxIcons v2 mergeCarbon mergeCodicons merge-16-filledFluent UI System Icons mergeHuge Icons mergeIconPark mergeIconPark Outline mergeIonIcons mergeJam Icons mergeLucide mergeMaterial Symbols mergeMaterial Symbols Light mergeMaterial Design Icons

Related icons in Ant Design Icons

merge-cells-outlined

Use the merge icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function AntDesignMergeOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><g fill="currentColor" fillRule="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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-merge-outlined {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M248%20752h72V264h-72z%22%2F%3E%3Cpath%20d%3D%22M740%20863c61.856%200%20112-50.144%20112-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%20342.15l-22.405%2068.425l420.25%20137.608l.014%2095.914C661.009%20658.336%20628%20700.813%20628%20751c0%2061.856%2050.144%20112%20112%20112m-456%2061c61.856%200%20112-50.144%20112-112s-50.144-112-112-112s-112%2050.144-112%20112s50.144%20112%20112%20112m456-125c-26.51%200-48-21.49-48-48s21.49-48%2048-48s48%2021.49%2048%2048s-21.49%2048-48%2048m-456%2061c-26.51%200-48-21.49-48-48s21.49-48%2048-48s48%2021.49%2048%2048s-21.49%2048-48%2048m0-536c61.856%200%20112-50.144%20112-112s-50.144-112-112-112s-112%2050.144-112%20112s50.144%20112%20112%20112m0-64c-26.51%200-48-21.49-48-48s21.49-48%2048-48s48%2021.49%2048%2048s-21.49%2048-48%2048%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M248%20752h72V264h-72z%22%2F%3E%3Cpath%20d%3D%22M740%20863c61.856%200%20112-50.144%20112-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%20342.15l-22.405%2068.425l420.25%20137.608l.014%2095.914C661.009%20658.336%20628%20700.813%20628%20751c0%2061.856%2050.144%20112%20112%20112m-456%2061c61.856%200%20112-50.144%20112-112s-50.144-112-112-112s-112%2050.144-112%20112s50.144%20112%20112%20112m456-125c-26.51%200-48-21.49-48-48s21.49-48%2048-48s48%2021.49%2048%2048s-21.49%2048-48%2048m-456%2061c-26.51%200-48-21.49-48-48s21.49-48%2048-48s48%2021.49%2048%2048s-21.49%2048-48%2048m0-536c61.856%200%20112-50.144%20112-112s-50.144-112-112-112s-112%2050.144-112%20112s50.144%20112%20112%20112m0-64c-26.51%200-48-21.49-48-48s21.49-48%2048-48s48%2021.49%2048%2048s-21.49%2048-48%2048%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/merge-outlined.svg?color=%231a73e8&size=48