Ikon Row Insert

hugeicons:row-insert

Ikon Row Insert (hugeicons:row-insert) 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: rowinsert

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 d="M7 6.5c0-1.404 0-2.107.337-2.611a2 2 0 0 1 .552-.552C8.393 3 9.096 3 10.5 3h8c1.404 0 2.107 0 2.611.337a2 2 0 0 1 .552.552C22 4.393 22 5.096 22 6.5s0 2.107-.337 2.611a2 2 0 0 1-.552.552C20.607 10 19.904 10 18.5 10h-8c-1.404 0-2.107 0-2.611-.337a2 2 0 0 1-.552-.552C7 8.607 7 7.904 7 6.5Zm0 11c0-1.404 0-2.107.337-2.611a2 2 0 0 1 .552-.552C8.393 14 9.096 14 10.5 14h8c1.404 0 2.107 0 2.611.337c.218.146.406.334.552.552c.337.504.337 1.207.337 2.611s0 2.107-.337 2.611a2 2 0 0 1-.552.552C20.607 21 19.904 21 18.5 21h-8c-1.404 0-2.107 0-2.611-.337a2 2 0 0 1-.552-.552C7 19.607 7 18.904 7 17.5Z"/><path stroke-linecap="round" stroke-linejoin="round" d="m2 9l1.533 1.586c.645.666.967 1 .967 1.414s-.322.748-.967 1.414L2 15"/></g></svg>

Cara memakai ikon Row Insert

React

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

<Icon icon="hugeicons:row-insert" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:row-insert" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:row-insert" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="hugeicons:row-insert"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/row-insert.svg" alt="Ikon Row Insert" width="24" height="24">

Ikon terkait di Huge Icons

Ikon Row Insert di set ikon lain

FAQ Ikon Row Insert

Apakah ikon Row Insert gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Row Insert di React?

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

Bagaimana cara menambahkan ikon Row Insert ke halaman web?

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

Lihat semua Huge Icons →