insert row above icon

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

Name: insert-row-above-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: insert-row-above

Related icons in Ant Design Icons

insert-row-below-outlined insert-row-left-outlined insert-row-right-outlined

Use the insert row above icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M878.7 336H145.3c-18.4 0-33.3 14.3-33.3 32v464c0 17.7 14.9 32 33.3 32h733.3c18.4 0 33.3-14.3 33.3-32V368c.1-17.7-14.8-32-33.2-32M360 792H184V632h176zm0-224H184V408h176zm240 224H424V632h176zm0-224H424V408h176zm240 224H664V632h176zm0-224H664V408h176zm64-408H120c-4.4 0-8 3.6-8 8v80c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-80c0-4.4-3.6-8-8-8"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignInsertRowAboveOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M878.7 336H145.3c-18.4 0-33.3 14.3-33.3 32v464c0 17.7 14.9 32 33.3 32h733.3c18.4 0 33.3-14.3 33.3-32V368c.1-17.7-14.8-32-33.2-32M360 792H184V632h176zm0-224H184V408h176zm240 224H424V632h176zm0-224H424V408h176zm240 224H664V632h176zm0-224H664V408h176zm64-408H120c-4.4 0-8 3.6-8 8v80c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-80c0-4.4-3.6-8-8-8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M878.7 336H145.3c-18.4 0-33.3 14.3-33.3 32v464c0 17.7 14.9 32 33.3 32h733.3c18.4 0 33.3-14.3 33.3-32V368c.1-17.7-14.8-32-33.2-32M360 792H184V632h176zm0-224H184V408h176zm240 224H424V632h176zm0-224H424V408h176zm240 224H664V632h176zm0-224H664V408h176zm64-408H120c-4.4 0-8 3.6-8 8v80c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-80c0-4.4-3.6-8-8-8"/></svg>
</template>

CSS

.icon-insert-row-above-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M878.7%20336H145.3c-18.4%200-33.3%2014.3-33.3%2032v464c0%2017.7%2014.9%2032%2033.3%2032h733.3c18.4%200%2033.3-14.3%2033.3-32V368c.1-17.7-14.8-32-33.2-32M360%20792H184V632h176zm0-224H184V408h176zm240%20224H424V632h176zm0-224H424V408h176zm240%20224H664V632h176zm0-224H664V408h176zm64-408H120c-4.4%200-8%203.6-8%208v80c0%204.4%203.6%208%208%208h784c4.4%200%208-3.6%208-8v-80c0-4.4-3.6-8-8-8%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M878.7%20336H145.3c-18.4%200-33.3%2014.3-33.3%2032v464c0%2017.7%2014.9%2032%2033.3%2032h733.3c18.4%200%2033.3-14.3%2033.3-32V368c.1-17.7-14.8-32-33.2-32M360%20792H184V632h176zm0-224H184V408h176zm240%20224H424V632h176zm0-224H424V408h176zm240%20224H664V632h176zm0-224H664V408h176zm64-408H120c-4.4%200-8%203.6-8%208v80c0%204.4%203.6%208%208%208h784c4.4%200%208-3.6%208-8v-80c0-4.4-3.6-8-8-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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