Unstructured アイコン

Q: Unstructured アイコンは商用利用でも無料ですか?

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

thesvg:unstructured

Unstructured アイコン(thesvg:unstructured)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG
作者: thesvg.org
ライセンス: MIT
サイズ: 24 × 24

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="M24 0H0v24h24zm-9.172 7.227a1.23 1.23 0 0 1-.924-.38a1.2 1.2 0 0 1-.203-.302l.47-.29q.104.195.27.312q.192.136.426.136a.5.5 0 0 0 .213-.039a.34.34 0 0 0 .14-.104a.27.27 0 0 0 .05-.163a.25.25 0 0 0-.061-.171a.4.4 0 0 0-.194-.117l-.567-.186q-.346-.112-.52-.318a.76.76 0 0 1-.175-.5q0-.258.124-.451a.86.86 0 0 1 .353-.303q.23-.108.524-.109q.26 0 .482.09a1.1 1.1 0 0 1 .548.475l-.445.319a.66.66 0 0 0-.585-.36a.6.6 0 0 0-.213.04a.3.3 0 0 0-.144.112a.27.27 0 0 0-.05.163q0 .101.066.178a.44.44 0 0 0 .198.117l.555.178q.35.112.52.315a.73.73 0 0 1 .175.493a.8.8 0 0 1-.132.45a.9.9 0 0 1-.365.307a1.2 1.2 0 0 1-.536.108m-9.67-.021a1.3 1.3 0 0 1-.61-.144a1.1 1.1 0 0 1-.423-.392a1.1 1.1 0 0 1-.152-.57V4.266h.602V6.06a.57.57 0 0 0 .582.602a.56.56 0 0 0 .505-.292a.6.6 0 0 0 .077-.31V4.267h.602V6.1a1.07 1.07 0 0 1-.575.963a1.3 1.3 0 0 1-.609.144zm4.765 6.49a1.3 1.3 0 0 1-.61-.143a1.1 1.1 0 0 1-.423-.392a1.1 1.1 0 0 1-.151-.57v-1.833h.601v1.793a.573.573 0 0 0 .582.602a.57.57 0 0 0 .505-.291a.63.63 0 0 0 .078-.31v-1.794h.601v1.832a1.07 1.07 0 0 1-.574.963a1.3 1.3 0 0 1-.61.143zM4.44 20.022q.268.143.61.143q.34 0 .609-.143a1.07 1.07 0 0 0 .574-.963v-1.832h-.601v1.793a.63.63 0 0 1-.078.31a.56.56 0 0 1-.505.291a.58.58 0 0 1-.508-.29a.66.66 0 0 1-.074-.31v-1.794h-.602v1.832q0 .318.152.57q.154.249.423.393M8.774 7.159V4.267h.462l1.304 1.719V4.267h.601V7.16h-.465l-1.3-1.757V7.16h-.602zm-.065 12.96V17.27h1.106q.3 0 .528.105c.155.07.277.216.365.354a.9.9 0 0 1 .132.508c0 .197-.045.408-.136.548a.85.85 0 0 1-.365.31l.574 1.024h-.676l-.502-.92H9.31v.92zm.602-1.486h.508q.129 0 .221-.05a.39.39 0 0 0 .198-.346a.4.4 0 0 0-.054-.21a.36.36 0 0 0-.144-.14a.46.46 0 0 0-.22-.05h-.51v.796zm-5.3-7.83v2.849h.601v-.919h.425l.502.919h.676l-.574-1.024a.85.85 0 0 0 .365-.31c.09-.14.136-.351.136-.548a.9.9 0 0 0-.132-.508c-.088-.138-.21-.284-.365-.354a1.3 1.3 0 0 0-.528-.105H4.01zm1.11 1.363h-.509v-.796h.509q.128 0 .221.05t.144.14a.4.4 0 0 1 .054.21a.39.39 0 0 1-.198.346a.46.46 0 0 1-.221.05m9.792 1.552a1.42 1.42 0 0 1-1.04-.427a1.5 1.5 0 0 1-.31-.474a1.6 1.6 0 0 1-.11-.594q0-.321.11-.594a1.4 1.4 0 0 1 .306-.473q.198-.202.462-.31q.268-.113.582-.113t.563.105q.252.105.427.28c.117.116.22.267.27.409l-.532.256a.8.8 0 0 0-.281-.367c-.122-.093-.27-.118-.447-.118q-.255 0-.45.12a.8.8 0 0 0-.303.334a1 1 0 0 0-.104.471c0 .19.034.333.104.476a.8.8 0 0 0 .303.333c.13.08.28.1.45.1a.9.9 0 0 0 .49-.158a.7.7 0 0 0 .26-.328l.532.256a1.3 1.3 0 0 1-.719.71q-.249.105-.563.106m-.986 3.51v2.89h1.794v-.588h-1.192v-.578h.942v-.567h-.942v-.57h1.192v-.588h-1.794zm4.054 2.89v-2.89h.943q.47 0 .816.185q.345.187.535.513t.19.745q0 .42-.19.749a1.34 1.34 0 0 1-.535.512q-.345.187-.816.187h-.943zm.602-.566h.357q.284 0 .489-.113a.76.76 0 0 0 .318-.3a.9.9 0 0 0 .117-.468a.9.9 0 0 0-.117-.468a.74.74 0 0 0-.318-.296c-.137-.075-.3-.091-.49-.091h-.356zm.263-14.653v2.346h.602V4.9h.83v-.567h-2.252V4.9h.82zm.066 8.796v-2.346h-.82v-.567h2.25v.567h-.829v2.346z" clip-rule="evenodd"/></svg>

Unstructured アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg:unstructured" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg:unstructured" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg:unstructured" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--unstructured]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:unstructured"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg:unstructured"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/unstructured.svg" alt="Unstructured アイコン" width="24" height="24">

他のアイコンセットの Unstructured アイコン

Unstructured アイコンのよくある質問

Unstructured アイコンは商用利用でも無料ですか?

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

React で Unstructured アイコンを使うには?

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

Unstructured アイコンをウェブページに追加するには?

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

theSVG アイコンをすべて見る →