Json 2 icon
file-icons:json-2
The Json 2 icon (file-icons:json-2) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M127.452 34.272c-169.936 97.97-169.936 345.463 0 443.432C297.39 575.673 512 451.956 512 255.988C512 109.013 391.281 2.678 257.166.002c-44.779-.18-88.557 10.544-129.714 34.27m267.827 107.49c28.84 106.822-12.553 207.36-109.503 229.069c75.788-57.075 61.787-161.174 22.898-209.064c-52.618-65.755-135.38-45.601-180.33 2.461c-67.501 78.114-50.141 213.822 10.902 289.25c-149.083-90.652-151.481-307.363.856-395.186c97.904-59.405 212.154-37.902 255.177 83.47m19.423 150.344c31.355-79.34 10.607-179.454-46.635-237.62c68.994 38.409 117.659 111.381 118.606 201.502c1.589 151.218-191.4 297.129-303.397 190.716C71.17 340.187 100.496 158.268 225.804 142.2c-92.96 78.878-51.162 218.174 29.027 243.668c72.458 23.037 137.556-37.298 159.871-93.763M254.543 150.882c82.91 40.65 77.58 173.012-2.21 209.868c-82.206-56.1-63.282-170.22 2.21-209.868"/></svg>How to use the Json 2 icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:json-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:json-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:json-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--json-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:json-2"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:json-2"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/json-2.svg" alt="Json 2 icon" width="24" height="24">Related icons in File Icons
Json 2 icon FAQ
Is the Json 2 icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Json 2 icon in React?
Install @iconify/react and render <Icon icon="file-icons:json-2" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Json 2 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/json-2.svg" alt="Json 2 icon">, or paste the SVG code inline to style it with CSS.