gentleface

Gentleface › Charts & data › node-graph-minus

node-graph-minus icon

Node graph minus: node graph minus. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.707 2.707C7.512 2.902 7.276 3 7 3L7 5.049C7.244 5.099 7.479 5.185 7.704 5.309C7.764 5.342 7.822 5.377 7.879 5.414L10.034 3.259C10.011 3.174 10 3.088 10 3L10 2C10 1.724 10.098 1.488 10.293 1.293C10.488 1.098 10.724 1 11 1L12 1C12.276 1 12.512 1.098 12.707 1.293C12.902 1.488 13 1.724 13 2L13 3C13 3.276 12.902 3.512 12.707 3.707C12.512 3.902 12.276 4 12 4L11 4C10.912 4 10.826 3.989 10.741 3.966L8.586 6.121C8.594 6.134 8.602 6.147 8.61 6.159C8.684 6.276 8.706 6.402 8.676 6.536C8.646 6.671 8.573 6.775 8.456 6.849C8.34 6.924 8.214 6.946 8.079 6.915C7.945 6.885 7.84 6.812 7.766 6.696C7.628 6.479 7.447 6.309 7.222 6.185C6.997 6.062 6.757 6 6.5 6C6.309 6 6.125 6.035 5.948 6.105C5.755 6.182 5.586 6.293 5.439 6.439C5.293 6.586 5.182 6.755 5.105 6.948C5.035 7.125 5 7.309 5 7.5C5 7.821 5.093 8.112 5.28 8.373C5.467 8.634 5.712 8.816 6.016 8.92C6.149 8.965 6.246 9.049 6.306 9.171C6.366 9.293 6.373 9.421 6.327 9.554C6.283 9.685 6.199 9.781 6.075 9.842C5.951 9.903 5.824 9.911 5.693 9.866C5.485 9.795 5.294 9.702 5.119 9.588L3.966 10.741C3.989 10.826 4 10.912 4 11L4 12C4 12.276 3.902 12.512 3.707 12.707C3.512 12.902 3.276 13 3 13L2 13C1.724 13 1.488 12.902 1.293 12.707C1.098 12.512 1 12.276 1 12L1 11C1 10.724 1.098 10.488 1.293 10.293C1.488 10.098 1.724 10 2 10L3 10C3.088 10 3.174 10.011 3.259 10.034L4.414 8.879C4.138 8.463 4 8.004 4 7.5C4 7.182 4.059 6.875 4.176 6.58C4.24 6.417 4.319 6.264 4.414 6.121L2.259 3.966C2.174 3.989 2.088 4 2 4L1 4C0.724 4 0.488 3.902 0.293 3.707C0.098 3.512 0 3.276 0 3L0 2C0 1.724 0.098 1.488 0.293 1.293C0.488 1.098 0.724 1 1 1L2 1C2.276 1 2.512 1.098 2.707 1.293C2.902 1.488 3 1.724 3 2L3 3C3 3.088 2.989 3.174 2.966 3.259L5.121 5.414C5.264 5.319 5.417 5.24 5.58 5.176C5.717 5.121 5.858 5.079 6 5.05L6 3C5.724 3 5.488 2.902 5.293 2.707C5.098 2.512 5 2.276 5 2L5 1C5 0.724 5.098 0.488 5.293 0.293C5.488 0.098 5.724 0 6 0L7 0C7.276 0 7.512 0.098 7.707 0.293C7.902 0.488 8 0.724 8 1L8 2C8 2.276 7.902 2.512 7.707 2.707ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM9 11.5C9 11.776 9.224 12 9.5 12L13.5 12C13.776 12 14 11.776 14 11.5C14 11.224 13.776 11 13.5 11L9.5 11C9.224 11 9 11.224 9 11.5Z"/></svg>
React
// Gentleface "node-graph-minus" (line-round), MIT. https://gentleface.com/icons/node-graph-minus
import type { SVGProps } from 'react';

export function NodeGraphMinusIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.707 2.707C7.512 2.902 7.276 3 7 3L7 5.049C7.244 5.099 7.479 5.185 7.704 5.309C7.764 5.342 7.822 5.377 7.879 5.414L10.034 3.259C10.011 3.174 10 3.088 10 3L10 2C10 1.724 10.098 1.488 10.293 1.293C10.488 1.098 10.724 1 11 1L12 1C12.276 1 12.512 1.098 12.707 1.293C12.902 1.488 13 1.724 13 2L13 3C13 3.276 12.902 3.512 12.707 3.707C12.512 3.902 12.276 4 12 4L11 4C10.912 4 10.826 3.989 10.741 3.966L8.586 6.121C8.594 6.134 8.602 6.147 8.61 6.159C8.684 6.276 8.706 6.402 8.676 6.536C8.646 6.671 8.573 6.775 8.456 6.849C8.34 6.924 8.214 6.946 8.079 6.915C7.945 6.885 7.84 6.812 7.766 6.696C7.628 6.479 7.447 6.309 7.222 6.185C6.997 6.062 6.757 6 6.5 6C6.309 6 6.125 6.035 5.948 6.105C5.755 6.182 5.586 6.293 5.439 6.439C5.293 6.586 5.182 6.755 5.105 6.948C5.035 7.125 5 7.309 5 7.5C5 7.821 5.093 8.112 5.28 8.373C5.467 8.634 5.712 8.816 6.016 8.92C6.149 8.965 6.246 9.049 6.306 9.171C6.366 9.293 6.373 9.421 6.327 9.554C6.283 9.685 6.199 9.781 6.075 9.842C5.951 9.903 5.824 9.911 5.693 9.866C5.485 9.795 5.294 9.702 5.119 9.588L3.966 10.741C3.989 10.826 4 10.912 4 11L4 12C4 12.276 3.902 12.512 3.707 12.707C3.512 12.902 3.276 13 3 13L2 13C1.724 13 1.488 12.902 1.293 12.707C1.098 12.512 1 12.276 1 12L1 11C1 10.724 1.098 10.488 1.293 10.293C1.488 10.098 1.724 10 2 10L3 10C3.088 10 3.174 10.011 3.259 10.034L4.414 8.879C4.138 8.463 4 8.004 4 7.5C4 7.182 4.059 6.875 4.176 6.58C4.24 6.417 4.319 6.264 4.414 6.121L2.259 3.966C2.174 3.989 2.088 4 2 4L1 4C0.724 4 0.488 3.902 0.293 3.707C0.098 3.512 0 3.276 0 3L0 2C0 1.724 0.098 1.488 0.293 1.293C0.488 1.098 0.724 1 1 1L2 1C2.276 1 2.512 1.098 2.707 1.293C2.902 1.488 3 1.724 3 2L3 3C3 3.088 2.989 3.174 2.966 3.259L5.121 5.414C5.264 5.319 5.417 5.24 5.58 5.176C5.717 5.121 5.858 5.079 6 5.05L6 3C5.724 3 5.488 2.902 5.293 2.707C5.098 2.512 5 2.276 5 2L5 1C5 0.724 5.098 0.488 5.293 0.293C5.488 0.098 5.724 0 6 0L7 0C7.276 0 7.512 0.098 7.707 0.293C7.902 0.488 8 0.724 8 1L8 2C8 2.276 7.902 2.512 7.707 2.707ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM9 11.5C9 11.776 9.224 12 9.5 12L13.5 12C13.776 12 14 11.776 14 11.5C14 11.224 13.776 11 13.5 11L9.5 11C9.224 11 9 11.224 9 11.5Z" />
    </svg>
  );
}
Vue
Vue: see /icons/node-graph-minus.md
Svelte
Svelte: see /icons/node-graph-minus.md
HTML img
HTML img: see /icons/node-graph-minus.md
CSS
CSS: see /icons/node-graph-minus.md
Data URL
Data URL: see /icons/node-graph-minus.md
Sprite
Sprite: see /icons/node-graph-minus.md
SwiftUI
SwiftUI: see /icons/node-graph-minus.md
Compose
Compose: see /icons/node-graph-minus.md
Android XML
Android XML: see /icons/node-graph-minus.md
Flutter
Flutter: see /icons/node-graph-minus.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
node graph minus
Example
Remove a node from a graph
Built from
node-graph + minus
Tags
graph, nodes, network, knowledge, mind-map, relations, links, connections, minus
Category
Charts & data
Component name
NodeGraphMinusIcon
History
  • added

Family 2

More charts & data icons

For agents

Metadata: /icons/node-graph-minus.json · Markdown: /icons/node-graph-minus.md · SVG: https://gentleface.com/svg/{style}/16/node-graph-minus.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/node-graph-minus.png