ICONYZ
日本語
Sargam Icons の Json Alt 4 Fill アイコン

Json Alt 4 Fill アイコン

si:json-alt-4-fill

Json Alt 4 Fill アイコン(si:json-alt-4-fill)は、Sargam Icons セットの無料 SVG アイコンです（作者: Abhimanyu Rana）。 24 × 24 のグリッドで描かれています。 Sargam Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Sargam Icons
作者
Abhimanyu Rana
ライセンス
MIT
サイズ
24 × 24
タグ
jsonalt、altfill、jsonaltfill
SVG をダウンロード

SVG コード

<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>

Json Alt 4 Fill アイコンの使い方

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/si/json-alt-4-fill.svg" alt="Json Alt 4 Fill アイコン" width="24" height="24">

Sargam Icons の関連アイコン

json-alt-1-duotone アイコン
json-alt-1-duotone
 json-alt-1-fill アイコン
json-alt-1-fill
 json-alt-1-line アイコン
json-alt-1-line
 json-alt-2-duotone アイコン
json-alt-2-duotone
 json-alt-2-fill アイコン
json-alt-2-fill
 json-alt-2-line アイコン
json-alt-2-line
 json-alt-3-duotone アイコン
json-alt-3-duotone
 json-alt-3-fill アイコン
json-alt-3-fill
 json-alt-3-line アイコン
json-alt-3-line
 json-alt-4-duotone アイコン
json-alt-4-duotone
 json-alt-4-line アイコン
json-alt-4-line
 json-alt-5-duotone アイコン
json-alt-5-duotone
 json-alt-5-fill アイコン
json-alt-5-fill
 json-alt-5-line アイコン
json-alt-5-line
 json-duotone アイコン
json-duotone
 json-fill アイコン
json-fill
 json-line アイコン
json-line

Json Alt 4 Fill アイコン のよくある質問

Json Alt 4 Fill アイコンは商用利用でも無料ですか?

はい。Sargam Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Json Alt 4 Fill アイコンを使うには?

@iconify/react をインストールして <Icon icon="si:json-alt-4-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Json Alt 4 Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si/json-alt-4-fill.svg" alt="Json Alt 4 Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Sargam Icons をすべて見る →