node outlined icon
node-outlined from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.
- Name
- node-outlined
- Set
- EOS Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Use the node outlined icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="2" r="1" fill="currentColor"/><circle cx="21" cy="6" r="1" fill="currentColor"/><circle cx="21" cy="17" r="1" fill="currentColor"/><circle cx="12" cy="22" r="1" fill="currentColor"/><path fill="currentColor" d="M21 8a2.006 2.006 0 0 1-2-2a1.94 1.94 0 0 1 .26-.96L14 2a2 2 0 0 1-1.01 1.73a1.95 1.95 0 0 1-1.98 0A2 2 0 0 1 10 2L4.74 5.04A1.94 1.94 0 0 1 5 6a2.006 2.006 0 0 1-2 2a2 2 0 0 1-.5-.07v7.14A2 2 0 0 1 3 15a2 2 0 0 1 1.5.69a2.2 2.2 0 0 1 .39.68A1.9 1.9 0 0 1 5 17a2 2 0 0 1-.58 1.41l3.84 2.21l1.78 1.03a1.3 1.3 0 0 1 .07-.28a.3.3 0 0 0 .02-.07a2 2 0 0 1 .12-.24c.01-.03.03-.06.04-.09c.05-.07.09-.14.14-.2c.03-.03.05-.06.08-.09a1.2 1.2 0 0 1 .16-.16a.5.5 0 0 1 .11-.1a2 2 0 0 1 .17-.11a1 1 0 0 1 .15-.09c.06-.03.11-.05.17-.08l.21-.06a1 1 0 0 1 .14-.04a1.8 1.8 0 0 1 .76 0a1 1 0 0 1 .14.04l.21.06c.06.03.11.05.17.08a1 1 0 0 1 .15.09a2 2 0 0 1 .17.11a.5.5 0 0 1 .11.1a1.2 1.2 0 0 1 .16.16c.03.03.05.06.08.09c.05.06.09.13.14.2c.01.03.03.06.04.09a2 2 0 0 1 .12.24a.3.3 0 0 0 .02.07a1.3 1.3 0 0 1 .07.28l1.78-1.03l3.84-2.21A2 2 0 0 1 19 17a1.9 1.9 0 0 1 .11-.63a2.2 2.2 0 0 1 .39-.68A2 2 0 0 1 21 15a2 2 0 0 1 .5.07V7.93A2 2 0 0 1 21 8m-9 5a1 1 0 1 1 1-1a1.003 1.003 0 0 1-1 1m7.5.3A4 4 0 0 0 17 17a3.6 3.6 0 0 0 .06.56l-2.47 1.42a4 4 0 0 0-1.59-.84v-3.32a3 3 0 1 0-2 0v3.32a4 4 0 0 0-1.59.84l-2.47-1.42A3.6 3.6 0 0 0 7 17a4 4 0 0 0-2.5-3.7V9.7A4 4 0 0 0 7 6.04L9.15 4.8a3.984 3.984 0 0 0 5.7 0L17 6.04a4 4 0 0 0 2.5 3.66Z"/><circle cx="3" cy="17" r="1" fill="currentColor"/><circle cx="3" cy="6" r="1" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function EosIconsNodeOutlined(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="2" r="1" fill="currentColor"/><circle cx="21" cy="6" r="1" fill="currentColor"/><circle cx="21" cy="17" r="1" fill="currentColor"/><circle cx="12" cy="22" r="1" fill="currentColor"/><path fill="currentColor" d="M21 8a2.006 2.006 0 0 1-2-2a1.94 1.94 0 0 1 .26-.96L14 2a2 2 0 0 1-1.01 1.73a1.95 1.95 0 0 1-1.98 0A2 2 0 0 1 10 2L4.74 5.04A1.94 1.94 0 0 1 5 6a2.006 2.006 0 0 1-2 2a2 2 0 0 1-.5-.07v7.14A2 2 0 0 1 3 15a2 2 0 0 1 1.5.69a2.2 2.2 0 0 1 .39.68A1.9 1.9 0 0 1 5 17a2 2 0 0 1-.58 1.41l3.84 2.21l1.78 1.03a1.3 1.3 0 0 1 .07-.28a.3.3 0 0 0 .02-.07a2 2 0 0 1 .12-.24c.01-.03.03-.06.04-.09c.05-.07.09-.14.14-.2c.03-.03.05-.06.08-.09a1.2 1.2 0 0 1 .16-.16a.5.5 0 0 1 .11-.1a2 2 0 0 1 .17-.11a1 1 0 0 1 .15-.09c.06-.03.11-.05.17-.08l.21-.06a1 1 0 0 1 .14-.04a1.8 1.8 0 0 1 .76 0a1 1 0 0 1 .14.04l.21.06c.06.03.11.05.17.08a1 1 0 0 1 .15.09a2 2 0 0 1 .17.11a.5.5 0 0 1 .11.1a1.2 1.2 0 0 1 .16.16c.03.03.05.06.08.09c.05.06.09.13.14.2c.01.03.03.06.04.09a2 2 0 0 1 .12.24a.3.3 0 0 0 .02.07a1.3 1.3 0 0 1 .07.28l1.78-1.03l3.84-2.21A2 2 0 0 1 19 17a1.9 1.9 0 0 1 .11-.63a2.2 2.2 0 0 1 .39-.68A2 2 0 0 1 21 15a2 2 0 0 1 .5.07V7.93A2 2 0 0 1 21 8m-9 5a1 1 0 1 1 1-1a1.003 1.003 0 0 1-1 1m7.5.3A4 4 0 0 0 17 17a3.6 3.6 0 0 0 .06.56l-2.47 1.42a4 4 0 0 0-1.59-.84v-3.32a3 3 0 1 0-2 0v3.32a4 4 0 0 0-1.59.84l-2.47-1.42A3.6 3.6 0 0 0 7 17a4 4 0 0 0-2.5-3.7V9.7A4 4 0 0 0 7 6.04L9.15 4.8a3.984 3.984 0 0 0 5.7 0L17 6.04a4 4 0 0 0 2.5 3.66Z"/><circle cx="3" cy="17" r="1" fill="currentColor"/><circle cx="3" cy="6" r="1" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><circle cx="12" cy="2" r="1" fill="currentColor"/><circle cx="21" cy="6" r="1" fill="currentColor"/><circle cx="21" cy="17" r="1" fill="currentColor"/><circle cx="12" cy="22" r="1" fill="currentColor"/><path fill="currentColor" d="M21 8a2.006 2.006 0 0 1-2-2a1.94 1.94 0 0 1 .26-.96L14 2a2 2 0 0 1-1.01 1.73a1.95 1.95 0 0 1-1.98 0A2 2 0 0 1 10 2L4.74 5.04A1.94 1.94 0 0 1 5 6a2.006 2.006 0 0 1-2 2a2 2 0 0 1-.5-.07v7.14A2 2 0 0 1 3 15a2 2 0 0 1 1.5.69a2.2 2.2 0 0 1 .39.68A1.9 1.9 0 0 1 5 17a2 2 0 0 1-.58 1.41l3.84 2.21l1.78 1.03a1.3 1.3 0 0 1 .07-.28a.3.3 0 0 0 .02-.07a2 2 0 0 1 .12-.24c.01-.03.03-.06.04-.09c.05-.07.09-.14.14-.2c.03-.03.05-.06.08-.09a1.2 1.2 0 0 1 .16-.16a.5.5 0 0 1 .11-.1a2 2 0 0 1 .17-.11a1 1 0 0 1 .15-.09c.06-.03.11-.05.17-.08l.21-.06a1 1 0 0 1 .14-.04a1.8 1.8 0 0 1 .76 0a1 1 0 0 1 .14.04l.21.06c.06.03.11.05.17.08a1 1 0 0 1 .15.09a2 2 0 0 1 .17.11a.5.5 0 0 1 .11.1a1.2 1.2 0 0 1 .16.16c.03.03.05.06.08.09c.05.06.09.13.14.2c.01.03.03.06.04.09a2 2 0 0 1 .12.24a.3.3 0 0 0 .02.07a1.3 1.3 0 0 1 .07.28l1.78-1.03l3.84-2.21A2 2 0 0 1 19 17a1.9 1.9 0 0 1 .11-.63a2.2 2.2 0 0 1 .39-.68A2 2 0 0 1 21 15a2 2 0 0 1 .5.07V7.93A2 2 0 0 1 21 8m-9 5a1 1 0 1 1 1-1a1.003 1.003 0 0 1-1 1m7.5.3A4 4 0 0 0 17 17a3.6 3.6 0 0 0 .06.56l-2.47 1.42a4 4 0 0 0-1.59-.84v-3.32a3 3 0 1 0-2 0v3.32a4 4 0 0 0-1.59.84l-2.47-1.42A3.6 3.6 0 0 0 7 17a4 4 0 0 0-2.5-3.7V9.7A4 4 0 0 0 7 6.04L9.15 4.8a3.984 3.984 0 0 0 5.7 0L17 6.04a4 4 0 0 0 2.5 3.66Z"/><circle cx="3" cy="17" r="1" fill="currentColor"/><circle cx="3" cy="6" r="1" fill="currentColor"/></svg> </template>
CSS
.icon-node-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%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%222%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%226%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2217%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2222%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%208a2.006%202.006%200%200%201-2-2a1.94%201.94%200%200%201%20.26-.96L14%202a2%202%200%200%201-1.01%201.73a1.95%201.95%200%200%201-1.98%200A2%202%200%200%201%2010%202L4.74%205.04A1.94%201.94%200%200%201%205%206a2.006%202.006%200%200%201-2%202a2%202%200%200%201-.5-.07v7.14A2%202%200%200%201%203%2015a2%202%200%200%201%201.5.69a2.2%202.2%200%200%201%20.39.68A1.9%201.9%200%200%201%205%2017a2%202%200%200%201-.58%201.41l3.84%202.21l1.78%201.03a1.3%201.3%200%200%201%20.07-.28a.3.3%200%200%200%20.02-.07a2%202%200%200%201%20.12-.24c.01-.03.03-.06.04-.09c.05-.07.09-.14.14-.2c.03-.03.05-.06.08-.09a1.2%201.2%200%200%201%20.16-.16a.5.5%200%200%201%20.11-.1a2%202%200%200%201%20.17-.11a1%201%200%200%201%20.15-.09c.06-.03.11-.05.17-.08l.21-.06a1%201%200%200%201%20.14-.04a1.8%201.8%200%200%201%20.76%200a1%201%200%200%201%20.14.04l.21.06c.06.03.11.05.17.08a1%201%200%200%201%20.15.09a2%202%200%200%201%20.17.11a.5.5%200%200%201%20.11.1a1.2%201.2%200%200%201%20.16.16c.03.03.05.06.08.09c.05.06.09.13.14.2c.01.03.03.06.04.09a2%202%200%200%201%20.12.24a.3.3%200%200%200%20.02.07a1.3%201.3%200%200%201%20.07.28l1.78-1.03l3.84-2.21A2%202%200%200%201%2019%2017a1.9%201.9%200%200%201%20.11-.63a2.2%202.2%200%200%201%20.39-.68A2%202%200%200%201%2021%2015a2%202%200%200%201%20.5.07V7.93A2%202%200%200%201%2021%208m-9%205a1%201%200%201%201%201-1a1.003%201.003%200%200%201-1%201m7.5.3A4%204%200%200%200%2017%2017a3.6%203.6%200%200%200%20.06.56l-2.47%201.42a4%204%200%200%200-1.59-.84v-3.32a3%203%200%201%200-2%200v3.32a4%204%200%200%200-1.59.84l-2.47-1.42A3.6%203.6%200%200%200%207%2017a4%204%200%200%200-2.5-3.7V9.7A4%204%200%200%200%207%206.04L9.15%204.8a3.984%203.984%200%200%200%205.7%200L17%206.04a4%204%200%200%200%202.5%203.66Z%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2217%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%226%22%20r%3D%221%22%20fill%3D%22currentColor%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%2024%2024%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%222%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%226%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2217%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2222%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%208a2.006%202.006%200%200%201-2-2a1.94%201.94%200%200%201%20.26-.96L14%202a2%202%200%200%201-1.01%201.73a1.95%201.95%200%200%201-1.98%200A2%202%200%200%201%2010%202L4.74%205.04A1.94%201.94%200%200%201%205%206a2.006%202.006%200%200%201-2%202a2%202%200%200%201-.5-.07v7.14A2%202%200%200%201%203%2015a2%202%200%200%201%201.5.69a2.2%202.2%200%200%201%20.39.68A1.9%201.9%200%200%201%205%2017a2%202%200%200%201-.58%201.41l3.84%202.21l1.78%201.03a1.3%201.3%200%200%201%20.07-.28a.3.3%200%200%200%20.02-.07a2%202%200%200%201%20.12-.24c.01-.03.03-.06.04-.09c.05-.07.09-.14.14-.2c.03-.03.05-.06.08-.09a1.2%201.2%200%200%201%20.16-.16a.5.5%200%200%201%20.11-.1a2%202%200%200%201%20.17-.11a1%201%200%200%201%20.15-.09c.06-.03.11-.05.17-.08l.21-.06a1%201%200%200%201%20.14-.04a1.8%201.8%200%200%201%20.76%200a1%201%200%200%201%20.14.04l.21.06c.06.03.11.05.17.08a1%201%200%200%201%20.15.09a2%202%200%200%201%20.17.11a.5.5%200%200%201%20.11.1a1.2%201.2%200%200%201%20.16.16c.03.03.05.06.08.09c.05.06.09.13.14.2c.01.03.03.06.04.09a2%202%200%200%201%20.12.24a.3.3%200%200%200%20.02.07a1.3%201.3%200%200%201%20.07.28l1.78-1.03l3.84-2.21A2%202%200%200%201%2019%2017a1.9%201.9%200%200%201%20.11-.63a2.2%202.2%200%200%201%20.39-.68A2%202%200%200%201%2021%2015a2%202%200%200%201%20.5.07V7.93A2%202%200%200%201%2021%208m-9%205a1%201%200%201%201%201-1a1.003%201.003%200%200%201-1%201m7.5.3A4%204%200%200%200%2017%2017a3.6%203.6%200%200%200%20.06.56l-2.47%201.42a4%204%200%200%200-1.59-.84v-3.32a3%203%200%201%200-2%200v3.32a4%204%200%200%200-1.59.84l-2.47-1.42A3.6%203.6%200%200%200%207%2017a4%204%200%200%200-2.5-3.7V9.7A4%204%200%200%200%207%206.04L9.15%204.8a3.984%203.984%200%200%200%205.7%200L17%206.04a4%204%200%200%200%202.5%203.66Z%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2217%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%226%22%20r%3D%221%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eos-icons/node-outlined.svg?color=%231a73e8&size=48
