Иконка Module Three Boxes
streamline-freehand:module-three-boxes
Иконка Module Three Boxes (streamline-freehand:module-three-boxes) — бесплатная SVG-иконка из набора Freehand free icons от Streamline. Она нарисована на сетке 24 × 24. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Программирование, приложения и сайты
- Теги
- modulethree, threeboxes, modulethreeboxes, box
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.768 13.43a.68.68 0 0 0 .62-.6a68 68 0 0 0-.11-6.997c-.12-.26 0-.26-.36-.48c-.72-.45-5.578-1.959-6.148-1.35c-.5 1.29-.28 6.768-.21 6.998c.26.83 5.128 2.61 6.208 2.43M6.21 4.555h.35a24.7 24.7 0 0 1 4.768 1.45c0 .239.25.12 0 6.297a20 20 0 0 1-4.938-1.7c-.01-.06-.24-3.308-.18-6.047m10.286-.451c0 .08.45 5.638.4 5.998c0 0-1.64 1.07-1.93 1.22c-.829.45-1.829.88-2.189 1c-.2.239-.23.699.29.559a19.7 19.7 0 0 0 4.259-1.93q.74.145 1.46.37c1.769.46 2.589.29 2.798.45c.3.33 1.46-.35-1.22-1.22a8 8 0 0 0-2.478-.31a31.5 31.5 0 0 0-.43-6.587a.72.72 0 0 0-.83-.59c-1.42.38-2.77.984-3.999 1.79c-.24.28-.2.64.14.67c1.18-.624 2.433-1.1 3.73-1.42M3.54 12.391a7.2 7.2 0 0 0 1.63-.87a.3.3 0 0 0-.12-.58c-2 0-3.329 1.28-3.089 1.71s.86-.01 1.58-.26"/><path fill="currentColor" d="M7.46 3.524c.689-.33 3.718-1.32 3.798-1.34c1.42.083 2.83.277 4.219.58a.29.29 0 0 0 .42-.4a11.9 11.9 0 0 0-4.899-1.27c-1.213.409-2.385.93-3.499 1.56c-.39.21-1.06.55-.9 1s.73-.07.86-.13m11.057 17.874c.081-2.21.03-4.423-.15-6.628c0-.27 0-.27-.36-.47c-.73-.38-5.638-1.27-6.198-.66c-.06.14-.18-.23-.24 2c-.08 3.069 0 4.129.37 4.678c.73.62 4.788 2.34 5.918 2.07c.29-.05.69-.01.66-.99m-1.12-.11a20.8 20.8 0 0 1-4.139-1.29a7 7 0 0 1-.73-.28a40 40 0 0 1-.28-5.548c.09-.36 4.68.63 5.179.92c.14.97-.01 5.828-.03 6.198m-7.238-.87c-.45.2-.93.45-1.36.68c-.66.35-.739.4-.999.51c-.53.34-.8.88 0 .88a10 10 0 0 0 3.319-1.49c.63-.71.49-1.29 0-1zm-3.098 1.09C7.09 19.998 7 16 7 15.46a.93.93 0 0 0-.75-.73C5.47 14.6 1 12.94.37 13.59L.23 14c-.42.43-.16 6.269-.06 6.578c.22.71 3.59 1.86 4.3 2.08a6 6 0 0 0 1.998.24a.58.58 0 0 0 .53-.47c0-.21.06-.92.06-.92m-1.14.37a21 21 0 0 1-4.139-1.32c-.37-.16-.89-.27-.78-.39a2 2 0 0 0 0-.37s-.54-5.798.17-5.688a25 25 0 0 1 4.769 1.47c0 .24.24.14-.02 6.298m4.67-7.758a.334.334 0 1 0-.25-.62q-1.278.244-2.509.67a3.3 3.3 0 0 0-.64.42c-.33.41-.13.5.46.59a6.5 6.5 0 0 0 2.94-1.06"/><path fill="currentColor" d="M23.554 12.65a.72.72 0 0 0-.82-.599a15.7 15.7 0 0 0-4.199 1.95c-.42.27-.17.81.34.55a18 18 0 0 1 3.72-1.45c0 .56.06-.13.26 3.738c.14 2.6.2 2.14-.06 2.35a17.2 17.2 0 0 1-3.64 2c-.55.399-.63.859 0 .799c1.73-.69 4.609-2 4.809-2.62c.109-2.247-.029-4.5-.41-6.717"/></svg>Как использовать иконку Module Three Boxes
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:module-three-boxes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:module-three-boxes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:module-three-boxes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--module-three-boxes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:module-three-boxes"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:module-three-boxes"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/module-three-boxes.svg" alt="Иконка Module Three Boxes" width="24" height="24">Похожие иконки в наборе Freehand free icons
Иконка Module Three Boxes в других наборах
Вопросы и ответы: Иконка Module Three Boxes
Можно ли бесплатно использовать иконку Module Three Boxes в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Module Three Boxes в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:module-three-boxes" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Module Three Boxes на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/module-three-boxes.svg" alt="Иконка Module Three Boxes">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.