Json Document icon
ix:json-document
The Json Document icon (ix:json-document) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience Icons are released under the MIT 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
- Siemens Industrial Experience Icons
- Author
- Siemens AG
- License
- MIT
- Size
- 512 × 512
- Tags
- jsondocument
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M321.338 42.664H85.703v233.392h42.298V85.331l177.082-.232l78.918 85.565v105.392h42.666V149.331zm27.652 405.332V320.023h28.947l31.086 57.62q6.579 12.192 14.145 30.074q-.411-8.038-.411-24.475v-63.219h25.247v127.973H419.55l-29.113-53.645q-8.716-15.986-16.612-34.319q.412 11.47.412 30.706v57.258zM321.8 336.912q-14.638-19.146-42.106-19.146q-25.164 0-39.556 15.985q-16.612 18.605-16.612 49.491q0 29.533 14.063 47.866q14.638 19.146 42.105 19.146q25.248 0 39.557-16.076q16.611-18.603 16.612-50.123q0-28.81-14.063-47.143m-64.145 16.437q7.73-13.005 21.957-13.005q12.994 0 20.806 11.108q8.307 11.74 8.306 32.603q0 18.966-6.99 30.526q-7.895 13.095-22.04 13.095q-12.91 0-20.723-11.109q-8.306-11.74-8.306-33.054q0-18.423 6.99-30.164m-123.077 89.68l3.783-24.565q19.985 9.212 33.882 9.212q9.046 0 13.323-4.877q3.7-4.245 3.7-10.386q0-5.509-3.618-8.58q-3.619-3.07-17.846-9.482q-10.526-4.787-14.885-7.135a51 51 0 0 1-7.895-5.328q-10.28-8.4-10.279-24.204q0-13.637 6.743-23.933q10.362-15.985 34.047-15.985q17.105 0 37.171 6.954l-5.263 23.481q-11.843-4.786-17.846-6.322q-5.921-1.535-12.418-1.535q-7.401 0-11.266 3.612q-4.03 3.884-4.03 9.844q0 5.149 3.372 8.128q3.453 2.89 16.447 8.761q12.912 5.87 17.106 8.218a48 48 0 0 1 7.895 5.329q10.115 8.489 10.115 25.919q0 20.592-12.747 31.158q-10.856 8.941-30.428 8.941q-20.395 0-39.063-7.225m-12.059-123.006H96.285v81.733q0 8.49-.575 12.554q-.494 3.973-1.892 6.502q-3.7 6.232-12.335 6.232q-6.168 0-14.803-4.335l-2.138 23.662q9.21 3.883 21.957 3.883q28.208 0 34.211-24.113q1.809-7.316 1.809-30.707z" clip-rule="evenodd"/></svg>How to use the Json Document icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:json-document" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:json-document" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:json-document" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--json-document]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:json-document"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:json-document"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/json-document.svg" alt="Json Document icon" width="24" height="24">Related icons in Siemens Industrial Experience Icons
Json Document icon FAQ
Is the Json Document icon free for commercial use?
Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Json Document icon in React?
Install @iconify/react and render <Icon icon="ix:json-document" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Json Document icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/json-document.svg" alt="Json Document icon">, or paste the SVG code inline to style it with CSS.