Json Alt 4 Fill icon
si:json-alt-4-fill
The Json Alt 4 Fill icon (si:json-alt-4-fill) is a free SVG icon from the Sargam Icons set by Abhimanyu Rana. It is drawn on a 24 × 24 grid. Sargam 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
- Sargam Icons
- Author
- Abhimanyu Rana
- License
- MIT
- Size
- 24 × 24
- Tags
- jsonalt, altfill, jsonaltfill
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6.816 3H7a1 1 0 0 1 0 2h-.18c-.825.005-1.12.101-1.23.182h-.001c-.022.016-.18.124-.18.828v3.893c0 .88-.45 1.526-.972 1.96c.523.428.971 1.07.971 1.955v4.172c0 .71.16.816.18.83c.11.08.404.175 1.231.18H7a1 1 0 1 1 0 2h-.189c-.797-.004-1.707-.062-2.394-.559c-.786-.568-1.009-1.476-1.009-2.451v-4.172c0-.142-.065-.312-.376-.507c-.321-.201-.763-.326-1.123-.359A1 1 0 0 1 1 11.956v-.166a1 1 0 0 1 .91-.996c.35-.031.79-.162 1.113-.371c.318-.205.385-.383.385-.52V6.01c0-.972.224-1.878 1.007-2.447c.687-.498 1.596-.559 2.396-.563zM16 4a1 1 0 0 1 1-1h.189c.8.004 1.71.065 2.396.563c.784.569 1.007 1.475 1.007 2.447v3.893c0 .137.067.315.385.52c.323.209.763.34 1.113.371a1 1 0 0 1 .91.996v.166a1 1 0 0 1-.91.996c-.359.033-.801.158-1.122.36c-.31.194-.376.364-.376.506v4.172c0 .975-.223 1.883-1.009 2.451c-.687.497-1.597.555-2.394.559H17a1 1 0 1 1 0-2h.18c.828-.005 1.121-.1 1.232-.18c.02-.014.18-.12.18-.83v-4.172c0-.884.448-1.527.971-1.956c-.521-.433-.971-1.08-.971-1.96V6.01c0-.704-.159-.812-.18-.827l-.002-.001c-.11-.08-.405-.177-1.23-.182H17a1 1 0 0 1-1-1m-6 6a2 2 0 1 1 4 0a2 2 0 0 1-4 0m2.247 4.031a1 1 0 0 1 .72 1.218a23 23 0 0 1-.514 1.698a26 26 0 0 1-.683 1.785q-.346.888-.696 1.674a1 1 0 0 1-1.828-.812a38 38 0 0 0 .677-1.63q.35-.822.637-1.663q.287-.846.47-1.55a1 1 0 0 1 1.217-.72" clip-rule="evenodd"/></svg>
How to use the Json Alt 4 Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="si:json-alt-4-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si:json-alt-4-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si:json-alt-4-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si--json-alt-4-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si -->
<div class="i-si:json-alt-4-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si:json-alt-4-fill"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/si/json-alt-4-fill.svg" alt="Json Alt 4 Fill icon" width="24" height="24">
Related icons in Sargam Icons
Json Alt 4 Fill icon FAQ
Is the Json Alt 4 Fill icon free for commercial use?
Yes. Sargam Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Json Alt 4 Fill icon in React?
Install @iconify/react and render <Icon icon="si:json-alt-4-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Json Alt 4 Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/si/json-alt-4-fill.svg" alt="Json Alt 4 Fill icon">, or paste the SVG code inline to style it with CSS.
Browse all Sargam Icons →
ICONYZ
