Иконка Structure Bold Duotone

solar:structure-bold-duotone

Иконка Structure Bold Duotone (solar:structure-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: ИТ
Теги: structurebold, boldduotone, structureboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8 5C8 6.65685 6.65685 8 5 8C3.34315 8 2 6.65685 2 5C2 3.34315 3.34315 2 5 2C6.65685 2 8 3.34315 8 5Z"/><path d="M22 5C22 6.65685 20.6569 8 19 8C17.3431 8 16 6.65685 16 5C16 3.34315 17.3431 2 19 2C20.6569 2 22 3.34315 22 5Z"/><path d="M8 19C8 20.6569 6.65685 22 5 22C3.34315 22 2 20.6569 2 19C2 17.3431 3.34315 16 5 16C6.65685 16 8 17.3431 8 19Z"/><path d="M22 19C22 20.6569 20.6569 22 19 22C17.3431 22 16 20.6569 16 19C16 17.3431 17.3431 16 19 16C20.6569 16 22 17.3431 22 19Z"/><g opacity=".5"><path d="M16.093 4.25572C16.0626 4.25194 16.0315 4.25 16 4.25H8C7.96849 4.25 7.93744 4.25194 7.90695 4.25572C7.9677 4.49371 8 4.74308 8 5C8 5.25692 7.9677 5.50629 7.90695 5.74428C7.93744 5.74806 7.96849 5.75 8 5.75H16C16.0315 5.75 16.0626 5.74805 16.093 5.74428C16.0323 5.50629 16 5.25692 16 5C16 4.74308 16.0323 4.49371 16.093 4.25572Z"/><path d="M19 8C19.2569 8 19.5063 7.96771 19.7443 7.90695C19.7481 7.93744 19.75 7.96849 19.75 8V16C19.75 16.0315 19.7481 16.0626 19.7443 16.0931C19.5063 16.0323 19.2569 16 19 16C18.7431 16 18.4937 16.0323 18.2557 16.0931C18.2519 16.0626 18.25 16.0315 18.25 16V8C18.25 7.96849 18.2519 7.93744 18.2557 7.90695C18.4937 7.96771 18.7431 8 19 8Z"/><path d="M16.0931 18.2557C16.0626 18.2519 16.0315 18.25 16 18.25H8C7.96849 18.25 7.93744 18.2519 7.90695 18.2557C7.9677 18.4937 8 18.7431 8 19C8 19.2569 7.9677 19.5063 7.90695 19.7443C7.93744 19.7481 7.96849 19.75 8 19.75H16C16.0315 19.75 16.0626 19.7481 16.0931 19.7443C16.0323 19.5063 16 19.2569 16 19C16 18.7431 16.0323 18.4937 16.0931 18.2557Z"/><path d="M5 8C4.74308 8 4.49371 7.9677 4.25572 7.90695C4.25194 7.93744 4.25 7.96849 4.25 8V16C4.25 16.0315 4.25194 16.0626 4.25572 16.093C4.49371 16.0323 4.74308 16 5 16C5.25692 16 5.50629 16.0323 5.74428 16.0931C5.74806 16.0626 5.75 16.0315 5.75 16L5.75 8C5.75 7.96849 5.74806 7.93744 5.74428 7.90695C5.50629 7.9677 5.25692 8 5 8Z"/></g></g></svg>

Как использовать иконку Structure Bold Duotone

React

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

<Icon icon="solar:structure-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:structure-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:structure-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--structure-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:structure-bold-duotone"></div>

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

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

<iconify-icon icon="solar:structure-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/structure-bold-duotone.svg" alt="Иконка Structure Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Structure Bold Duotone

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

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

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

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

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

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

Все Иконки Solar →