ICONYZ
Bahasa Indonesia
Ikon Json dari Devicon Plain

Ikon Json

devicon-plain:json

Ikon Json (devicon-plain:json) adalah ikon SVG gratis dari set Devicon Plain karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon Plain 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
Devicon Plain
Pembuat
konpa
Lisensi
MIT
Ukuran
128 × 128
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M45.949 63.71c0 22.998 17.853 30.038 18.223 30.175l.016.005l-.05.021h-.001v.001h.001c20.306 6.899 40.668-10.261 40.668-41.251c0-17.054-7.595-37.361-27.7-48.894C105.528 10.083 126 34.393 126 63.903c0 35.822-30.182 62.003-61.873 62.003c-2.078 0-37.078-10.935-37.216-51.164c-.103-30.18 19.208-40.406 32.72-38.442c.009.003-13.682 7.806-13.682 27.41"/><path fill="currentColor" fill-rule="evenodd" d="M82.051 64.29c0-22.998-17.853-30.038-18.223-30.175l-.016-.005l.05-.021h.001v-.001h-.001C43.556 27.19 23.193 44.35 23.193 75.34c0 17.054 7.595 37.361 27.7 48.894C22.472 117.917 2 93.607 2 64.097C2 28.275 32.182 2.094 63.873 2.094c2.078 0 37.078 10.935 37.216 51.164c.103 30.18-19.207 40.406-32.72 38.443c-.009-.004 13.682-7.807 13.682-27.411" clip-rule="evenodd"/></svg>

Cara memakai ikon Json

React

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

<Icon icon="devicon-plain:json" width="24" />

Vue

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

<template>
  <Icon icon="devicon-plain:json" width="24" />
</template>

Svelte

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

<Icon icon="devicon-plain:json" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--json]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:json"></div>

Web component

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

<iconify-icon icon="devicon-plain:json"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon-plain/json.svg" alt="Ikon Json" width="24" height="24">

Ikon Json di set ikon lain

FAQ Ikon Json

Apakah ikon Json gratis untuk penggunaan komersial?

Ya. Devicon Plain icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Json di React?

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

Bagaimana cara menambahkan ikon Json ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon-plain/json.svg" alt="Ikon Json">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon Plain →