Ikon Json
thesvg-color:json
Ikon Json (thesvg-color:json) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 160 × 160. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 160 × 160
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"><defs><linearGradient id="SVG25SNwe2L"><stop offset="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVG1NfqLehx" x1="-553.27" x2="-666.12" y1="525.91" y2="413.05" gradientTransform="matrix(.99884 0 0 .9987 689.01 -388.84)" gradientUnits="userSpaceOnUse" href="#SVG25SNwe2L"/><linearGradient id="SVGzODnDdme" x1="-666.12" x2="-553.27" y1="413.04" y2="525.91" gradientTransform="matrix(.99884 0 0 .9987 689.01 -388.84)" gradientUnits="userSpaceOnUse" href="#SVG25SNwe2L"/></defs><g fill-rule="evenodd" color="#000"><path fill="url(#SVGzODnDdme)" d="M79.865 119.1c35.398 48.255 70.04-13.469 69.989-50.587C149.794 24.627 105.313.099 79.836.099C38.944.099 0 33.895 0 80.135C0 131.531 44.64 160 79.836 160c-7.965-1.147-34.506-6.834-34.863-67.967c-.24-41.347 13.488-57.866 34.805-50.599c.477.177 23.514 9.265 23.514 38.951c0 29.56-23.427 38.715-23.427 38.715"/><path fill="url(#SVG1NfqLehx)" d="M79.823 41.401C56.433 33.339 27.78 52.617 27.78 91.23c0 63.048 46.721 68.77 52.384 68.77C121.056 160 160 126.204 160 79.964C160 28.568 115.36.099 80.164.099c9.748-1.35 52.541 10.55 52.541 69.037c0 38.141-31.953 58.905-52.735 50.033c-.477-.177-23.514-9.264-23.514-38.951c0-29.56 23.367-38.818 23.367-38.818z"/></g></svg>
Cara memakai ikon Json
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:json" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:json" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:json" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--json]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:json"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:json"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/json.svg" alt="Ikon Json" width="24" height="24">
Ikon terkait di theSVG Color
Ikon Json di set ikon lain
FAQ Ikon Json
Apakah ikon Json gratis untuk penggunaan komersial?
Ya. theSVG Color 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="thesvg-color: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/thesvg-color/json.svg" alt="Ikon Json">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon theSVG Color →
ICONYZ
