Иконка Vectors Anchor Rectangle
streamline-freehand:vectors-anchor-rectangle
Иконка Vectors Anchor Rectangle (streamline-freehand:vectors-anchor-rectangle) — бесплатная 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
- Категория
- Дизайн
- Теги
- vectorsanchor, anchorrectangle, vectorsanchorrectangle, vector
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.71 2.792a8 8 0 0 0 0-.888a.54.54 0 0 0-.34-.479a4.7 4.7 0 0 0-1.268-.18c-.928 0-1.936.1-2.754.08a.32.32 0 1 0 0 .629c.799.06 1.806.06 2.724.06q.418.034.819.15c0 .21-.17 1.726-.24 2.375a3 3 0 0 1-.21.997a27 27 0 0 1-3.292-.259c-.36-.27-.41-.768-.43-1.716L.67 2.014a.28.28 0 1 0-.558 0L.02 3.54c-.07 1.348.13 2.056.61 2.465c.479.41 3.782.5 4.181.44a.76.76 0 0 0 .559-.35c.16-.343.262-.71.3-1.087q.1-1.107.04-2.216M3.015 9.997c-.07-.918-.15-1.826-.22-2.744s-.658-.529-.698 0c-.08 1.137-.16 2.245-.14 3.363c0 .878.07 1.766.13 2.644c.1 1.328.25 1.886.359 3.204a.31.31 0 0 0 .44.28a.32.32 0 0 0 .189-.3v-4.77c0-.55-.06-1.108-.06-1.677m14.17-3.053c-1.696-.44-3.393-.939-5.09-1.427l-1.995-.58c-.669-.189-1.337-.359-1.996-.558c-.449-.13-.878-.28-1.307-.41c-.57.09-.819.28 0 .75c.818.468 1.896.807 2.874 1.157q.942.317 1.886.589c.628.18 1.277.339 1.916.489c1.237.279 2.485.508 3.722.718c.699-.07.888-.26-.01-.728M5.71 19.088a8 8 0 0 0 0-.878a.55.55 0 0 0-.34-.489a5.6 5.6 0 0 0-1.268-.18c-.928 0-1.936.1-2.754.09a.32.32 0 0 0-.313.216a.3.3 0 0 0-.016.134a.32.32 0 0 0 .3.329c.818.07 1.825 0 2.744.1q.415.03.818.14c0 .219-.17 1.736-.24 2.374c-.014.342-.084.68-.21.998a29 29 0 0 1-3.292-.27c-.36-.239-.41-.758-.43-1.716V18.37a.29.29 0 0 0-.319-.39a.29.29 0 0 0-.28.28l-.09 1.587c-.089 1.347.11 2.045.59 2.435a4.1 4.1 0 0 0 2.445.439q.868.045 1.736 0a.76.76 0 0 0 .559-.36c.16-.332.26-.69.3-1.057q.107-1.106.06-2.216m11.475-1.108c-1.257.11-2.515.22-3.772.37c-.659.08-1.317.16-1.996.26c-.678.099-1.307.199-1.996.318c-.908.16-1.806.34-2.704.51c-.888.429-.888.678 0 .758c1.168-.1 2.335-.2 3.503-.35c1.167-.15 2.095-.309 3.133-.479l3.762-.668c.948-.21.789-.878.07-.719m6.785-.728a8 8 0 0 0 0-.878a.54.54 0 0 0-.328-.49a5.6 5.6 0 0 0-1.268-.179c-.928 0-1.946.1-2.764.09a.31.31 0 0 0-.33.3a.32.32 0 0 0 .3.329c.808.07 1.816 0 2.734.1q.421.03.829.14c0 .219-.17 1.736-.24 2.374c-.019.342-.09.678-.21.998a29 29 0 0 1-3.292-.27c-.37-.269-.42-.788-.42-1.786v-1.566a.29.29 0 0 0-.28-.28a.28.28 0 0 0-.278.28c-.09 1.487-.35 3.293.518 3.991c.75.395 1.605.548 2.445.44q.868.045 1.737 0a.78.78 0 0 0 .559-.36c.156-.333.254-.691.289-1.058q.055-1.087 0-2.175m-2.405-5.728c0-.24-.06-.47-.1-.709a.428.428 0 0 0-.848 0c0 .25-.05.5-.06.749a8 8 0 0 0 0 .828c0 .27 0 .549.07.818c.08.64.18 1.268.26 1.906a.32.32 0 1 0 .638 0c0-.648.09-1.287.1-1.935v-.819c0-.28-.03-.569-.06-.838m2.404-4.98a8 8 0 0 0 0-.888a.52.52 0 0 0-.328-.479a4.7 4.7 0 0 0-1.278-.17c-.928 0-1.946.1-2.764.08a.32.32 0 0 0 0 .629c.808.07 1.816 0 2.734.1q.421.035.829.15c0 .21-.17 1.726-.24 2.375a3.4 3.4 0 0 1-.21.997a8 8 0 0 1-1.406-.15c-.948.07-1.537.13-1.887-.109c-.349-.24-.439-.818-.439-1.766V5.736a.28.28 0 0 0-.28-.27a.27.27 0 0 0-.278.28c-.09 1.437-.35 3.283.518 3.992c.64.509 3.673.519 4.182.439a.78.78 0 0 0 .559-.35c.155-.337.252-.698.289-1.067q.058-1.108 0-2.216"/></svg>Как использовать иконку Vectors Anchor Rectangle
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:vectors-anchor-rectangle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:vectors-anchor-rectangle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:vectors-anchor-rectangle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--vectors-anchor-rectangle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:vectors-anchor-rectangle"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:vectors-anchor-rectangle"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/vectors-anchor-rectangle.svg" alt="Иконка Vectors Anchor Rectangle" width="24" height="24">Похожие иконки в наборе Freehand free icons
Иконка Vectors Anchor Rectangle в других наборах
Вопросы и ответы: Иконка Vectors Anchor Rectangle
Можно ли бесплатно использовать иконку Vectors Anchor Rectangle в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Vectors Anchor Rectangle в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:vectors-anchor-rectangle" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Vectors Anchor Rectangle на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/vectors-anchor-rectangle.svg" alt="Иконка Vectors Anchor Rectangle">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.