Иконка Resize Expand Arrow
streamline-freehand:resize-expand-arrow
Иконка Resize Expand Arrow (streamline-freehand:resize-expand-arrow) — бесплатная 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
- Категория
- Дизайн
- Теги
- resizeexpand, expandarrow, resizeexpandarrow
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.773 3.778c-.13-4 .09-4.1-3.39-3.52a.34.34 0 0 0 .09.67a5.8 5.8 0 0 1 2.18-.05c0 .08.07.29.08.37c.05.75 0 1.71-.06 2.53c0 .05.06.28.07.45q-1.291.099-2.58 0c-.12 0-.4-.17-.49 0a22 22 0 0 1-.29-2.4c-.06-.54 0-1.39-.06-1.46s-.55-.21-.59.24c0 .28-.06 1.06-.05 1.36c-3.161-.14 0-.42-7.312-.42c-5.78.45-5.86.45-6.1.45c0-.67-.08-1.55-.52-1.76a5.2 5.2 0 0 0-2.81.1a.34.34 0 0 0-.28.38c.06.53.68.15 1.89.15a2 2 0 0 1 .66.13c0 .08.07.29.08.37c0 .75 0 1.71-.06 2.52c0 .06.06.29.07.46q-1.29.099-2.58 0c-.12 0-.4-.16-.49 0a23 23 0 0 1-.29-2.45C.88 1.358.91.508.88.438S.33.218.29.678c-.07.78-.07 2.75-.06 3.09c0 .92 0 1.57 1.49 1.64c1.33 0 3.25.42 3.56-.59c.088-.71.088-1.43 0-2.14c4.11-.12 2.67.16 6.15 0c1.09-.08 7.141 0 7.221 0c0 2.69 0 2.58 2.3 2.74a.32.32 0 0 0-.08.21c-.08 3.92-.92 8.221-.12 13.142l-.61.12a.32.32 0 0 0-.29.37c.07.53.69.15 1.89.15c.227-.008.454.023.67.09c-.05.09.06.29.07.37c.05.75 0 1.71-.06 2.53c0 0 .06.28.07.45q-1.284.105-2.57 0c-.12 0-.41-.17-.5-.05c-.17-.74-.18-1.59-.28-2.4c-.07-.54 0-1.38-.07-1.45s-.55-.22-.59.23c-.06.79-.06 2.75-.05 3.09c0 .94 0 1.58 1.49 1.64c1.32 0 3.24.43 3.55-.59a15 15 0 0 0-.24-4.26c-.29-.55-1.21-.52-1.82-.44c-.09-1.42-.07-2.844.06-4.26c.193-2.92.213-5.85.06-8.772c0-.29-.34-.12.68-.16c1.58-.06 1.57-.5 1.56-1.65"/><path d="M9.831 13.63a39 39 0 0 0-6.16-.47c-.77.32-.71.59 0 .8c1.66.21 4.71.53 4.64.53c1.64.24 1.11 0 1.25 1c.2 1.343.276 2.702.23 4.06c.22.76.5.54.81 0c.11-1.74.34-4.6-.27-5.49a36.6 36.6 0 0 0 5.67-6.151c.18 2.56 0 2.64 0 3.84a.34.34 0 0 0 .67 0c.06-1.08.38-1.94.38-3.14c0-2.82.541-2.32-4.9-1.73c-.15 0-.49-.06-.6 0a.3.3 0 0 0 0 .55c.18.09 0 .15 3.75.15c-2.73 2.63-1.85 1.58-5.47 6.05"/><path d="M16.922 21c-1.2 0-13.681-.65-13.921-1c-.38-.57-.17-1.67-.18-2.45c-.16-7.561.06-10.861 0-11.211a.34.34 0 0 0-.61.19c-.44 4.53-.45 9.92-.47 11s-.41 3 1 3.57c1.12.47 12.06.66 14.261.62a.363.363 0 0 0-.08-.72"/></g></svg>Как использовать иконку Resize Expand Arrow
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:resize-expand-arrow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:resize-expand-arrow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:resize-expand-arrow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--resize-expand-arrow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:resize-expand-arrow"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:resize-expand-arrow"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/resize-expand-arrow.svg" alt="Иконка Resize Expand Arrow" width="24" height="24">Похожие иконки в наборе Freehand free icons
Иконка Resize Expand Arrow в других наборах
Вопросы и ответы: Иконка Resize Expand Arrow
Можно ли бесплатно использовать иконку Resize Expand Arrow в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Resize Expand Arrow в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:resize-expand-arrow" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Resize Expand Arrow на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/resize-expand-arrow.svg" alt="Иконка Resize Expand Arrow">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.