Иконка Trellis
reicon:trellis
Иконка Trellis (reicon:trellis) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте 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="M11.2 2.92c-.418.13-.958.325-1.712.6c-1.066.387-2.32.763-3.42.863c-.274.025-.47.043-.616.058a5 5 0 0 0-.213.027l-.013.002h-.004c-.334.077-.54.205-.673.35c-.133.146-.242.363-.288.703c-.009.07-.01.196-.01.615v8.112h15.5V6.138c0-.419-.003-.546-.012-.615c-.046-.34-.155-.557-.287-.702c-.133-.146-.34-.274-.674-.35l-.004-.001l-.012-.002l-.047-.007l-.166-.02l-.617-.058c-1.1-.1-2.353-.476-3.42-.864a41 41 0 0 0-1.71-.599c-.424-.131-.655-.17-.802-.17s-.377.039-.8.17m10.05 11.348V6.072c0-.324 0-.565-.024-.749c-.078-.576-.287-1.098-.667-1.514s-.88-.671-1.447-.8c-.181-.042-.494-.07-.944-.111l-.1-.01c-.904-.081-2.012-.403-3.043-.778l-.02-.007a42 42 0 0 0-1.76-.616c-.456-.14-.863-.237-1.245-.237c-.381 0-.789.096-1.244.237c-.457.141-1.031.35-1.761.616l-.02.007c-1.03.375-2.139.697-3.043.779l-.1.009c-.45.04-.762.07-.943.11c-.567.13-1.068.385-1.448.801s-.589.938-.666 1.514a6 6 0 0 0-.025.749v8.196a1.746 1.746 0 0 0-1.498 1.736c.006 1.082.032 1.983.167 2.72c.14.758.405 1.403.93 1.928c.52.52 1.157.784 1.901.924V22a.75.75 0 0 0 1.5 0v-.276c.64.026 1.369.026 2.195.026h8.11c.826 0 1.556 0 2.195-.026V22a.75.75 0 0 0 1.5 0v-.424c.745-.14 1.382-.404 1.902-.924c.525-.525.79-1.17.93-1.928c.135-.737.16-1.638.166-2.72a1.746 1.746 0 0 0-1.498-1.736m-8.5 5.982H16c1.436 0 2.437-.002 3.192-.103c.734-.099 1.122-.28 1.4-.556c.243-.243.41-.571.514-1.138c.108-.588.136-1.363.142-2.457A.247.247 0 0 0 21 15.75h-8.25zm-1.5-4.5v4.5H8c-1.435 0-2.436-.002-3.192-.103c-.733-.099-1.122-.28-1.399-.556c-.243-.243-.41-.571-.514-1.138c-.109-.588-.137-1.363-.143-2.457c0-.133.108-.246.248-.246zm-.22-9.28a.75.75 0 0 1 0 1.06l-1 1a.75.75 0 0 1-1.06-1.06l1-1a.75.75 0 0 1 1.06 0m3 1a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0m1 3a.75.75 0 0 1 0 1.06l-1 1a.75.75 0 0 1-1.06-1.06l1-1a.75.75 0 0 1 1.06 0M6.25 18a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m8 0a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>Как использовать иконку Trellis
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:trellis" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:trellis" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:trellis" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--trellis]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:trellis"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:trellis"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/reicon/trellis.svg" alt="Иконка Trellis" width="24" height="24">Похожие иконки в наборе Reicon
Вопросы и ответы: Иконка Trellis
Можно ли бесплатно использовать иконку Trellis в коммерческих проектах?
Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Trellis в React?
Установите @iconify/react и выведите <Icon icon="reicon:trellis" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Trellis на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/trellis.svg" alt="Иконка Trellis">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.