Иконка Unstructured

thesvg-color:unstructured

Иконка Unstructured (thesvg-color:unstructured) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 24 × 24. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: 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="#0addf8" d="M0 0h24v24H0z"/><path fill-rule="evenodd" d="M14.316 7.13q.24.097.512.097q.307 0 .536-.108a.9.9 0 0 0 .365-.307a.8.8 0 0 0 .132-.45a.73.73 0 0 0-.175-.493q-.17-.202-.52-.315l-.555-.178a.44.44 0 0 1-.198-.117a.27.27 0 0 1-.066-.178a.27.27 0 0 1 .05-.163a.3.3 0 0 1 .144-.113a.6.6 0 0 1 .213-.039a.66.66 0 0 1 .584.36l.446-.319a1.1 1.1 0 0 0-.549-.475a1.3 1.3 0 0 0-.48-.09q-.295 0-.525.11a.86.86 0 0 0-.353.302a.8.8 0 0 0-.124.45q0 .291.175.5q.175.207.52.32l.566.185a.4.4 0 0 1 .195.117a.25.25 0 0 1 .062.17a.27.27 0 0 1-.05.164a.34.34 0 0 1-.14.104a.5.5 0 0 1-.214.04a.73.73 0 0 1-.427-.137a.9.9 0 0 1-.27-.313l-.47.291a1.16 1.16 0 0 0 .616.585m-9.768-.068q.267.144.61.144q.34 0 .608-.144a1.08 1.08 0 0 0 .575-.963V4.267h-.602v1.794a.6.6 0 0 1-.077.31a.56.56 0 0 1-.505.291a.58.58 0 0 1-.508-.29a.66.66 0 0 1-.074-.311V4.267h-.602V6.1q0 .32.152.57q.154.25.423.393zm4.765 6.49q.268.144.61.144q.34 0 .609-.143a1.08 1.08 0 0 0 .574-.963v-1.832h-.601v1.793a.63.63 0 0 1-.078.31a.57.57 0 0 1-.505.291a.573.573 0 0 1-.582-.602v-1.79h-.6v1.832q0 .318.151.57q.156.249.423.393zM5.05 20.166a1.3 1.3 0 0 1-.61-.143a1.1 1.1 0 0 1-.422-.392a1.1 1.1 0 0 1-.152-.57v-1.833h.602v1.793a.57.57 0 0 0 .582.602a.56.56 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.143M8.774 4.267V7.16h.601V5.402l1.3 1.757h.466V4.267h-.601v1.719L9.236 4.267zM8.709 17.27v2.849h.602v-.92h.424l.502.92h.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-.105H8.71zm1.11 1.363h-.508v-.796h.508q.129 0 .221.05a.36.36 0 0 1 .144.14a.4.4 0 0 1 .054.21a.39.39 0 0 1-.198.345a.46.46 0 0 1-.22.05zm-5.808-4.981v-2.849h1.106q.3 0 .528.105c.155.07.277.216.365.354a.9.9 0 0 1 .132.508c0 .197-.046.408-.136.548a.85.85 0 0 1-.365.31l.574 1.024h-.676l-.502-.919h-.425v.919zm.601-1.486h.509a.5.5 0 0 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-.221-.05h-.509zm9.723 1.44q.267.111.578.112q.314 0 .563-.105a1.3 1.3 0 0 0 .719-.71l-.532-.257a.7.7 0 0 1-.26.328a.9.9 0 0 1-.49.157c-.17 0-.32-.018-.45-.099a.8.8 0 0 1-.303-.333a1 1 0 0 1-.104-.476c0-.189.034-.331.104-.471a.8.8 0 0 1 .303-.334q.195-.12.45-.12c.176 0 .325.025.447.118c.124.09.232.227.281.367l.532-.256a1.15 1.15 0 0 0-.27-.41a1.3 1.3 0 0 0-.427-.28a1.4 1.4 0 0 0-.563-.104q-.314 0-.582.112q-.264.109-.462.311a1.4 1.4 0 0 0-.306.473q-.11.273-.11.594a1.48 1.48 0 0 0 .42 1.067q.198.203.462.315zm-.408 6.513v-2.892h1.794v.589h-1.192v.57h.942v.567h-.942v.577h1.192v.589zm4.054-2.892v2.892h.943q.47 0 .816-.187q.345-.186.535-.512q.19-.33.19-.75q0-.419-.19-.744a1.34 1.34 0 0 0-.535-.513a1.7 1.7 0 0 0-.816-.186zm.959 2.325h-.357v-1.736h.357c.189 0 .352.016.489.09c.137.076.243.16.318.297a.9.9 0 0 1 .117.468a.9.9 0 0 1-.117.467a.76.76 0 0 1-.318.301q-.205.113-.49.113zm-.094-12.307V4.9h-.82v-.567h2.252V4.9h-.83v2.346h-.602zm.066 4.104v2.346h.601v-2.346h.83v-.567h-2.251v.567z" clip-rule="evenodd"/></svg>

Как использовать иконку Unstructured

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/unstructured.svg" alt="Иконка Unstructured" width="24" height="24">

Иконка Unstructured в других наборах

Вопросы и ответы: Иконка Unstructured

Можно ли бесплатно использовать иконку Unstructured в коммерческих проектах?

Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Unstructured в React?

Установите @iconify/react и выведите <Icon icon="thesvg-color:unstructured" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Unstructured на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/unstructured.svg" alt="Иконка Unstructured">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →