Ikon Node Edit

hugeicons:node-edit

Ikon Node Edit (hugeicons:node-edit) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Huge Icons
Pembuat: Hugeicons
Lisensi: MIT
Ukuran: 24 × 24
Tag: nodeedit

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13 19.5h-1c-2.828 0-4.243 0-5.121-.879C6 17.743 6 16.328 6 13.5v-2m0 0V8m0 3.5h5.5"/><path d="M13 19.5c0-1.178 0-1.768.351-2.134C13.704 17 14.27 17 15.4 17h1.2c1.131 0 1.697 0 2.048.366c.352.366.352.956.352 2.134s0 1.768-.352 2.134c-.35.366-.917.366-2.048.366h-1.2c-1.131 0-1.697 0-2.049-.366S13 20.678 13 19.5ZM4.286 2h3.428C9.79 2 10 3.11 10 5s-.211 3-2.286 3H4.286C2.21 8 2 6.89 2 5s.211-3 2.286-3Z"/><path stroke-linecap="round" stroke-linejoin="round" d="m21.006 5.384l.608.606a1.31 1.31 0 0 1 0 1.856l-3.187 3.234a1.76 1.76 0 0 1-.92.483l-1.974.427a.438.438 0 0 1-.523-.52l.42-1.955c.066-.347.235-.667.485-.916l3.227-3.215a1.32 1.32 0 0 1 1.864 0"/></g></svg>

Cara memakai ikon Node Edit

React

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

<Icon icon="hugeicons:node-edit" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:node-edit" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:node-edit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--node-edit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:node-edit"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="hugeicons:node-edit"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/node-edit.svg" alt="Ikon Node Edit" width="24" height="24">

Ikon terkait di Huge Icons

FAQ Ikon Node Edit

Apakah ikon Node Edit gratis untuk penggunaan komersial?

Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Node Edit di React?

Pasang @iconify/react lalu render <Icon icon="hugeicons:node-edit" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Node Edit ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/node-edit.svg" alt="Ikon Node Edit">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Huge Icons →