Иконка Line Arrow Expand Horizontal Remix
streamline-plump:line-arrow-expand-horizontal-remix
Иконка Line Arrow Expand Horizontal Remix (streamline-plump:line-arrow-expand-horizontal-remix) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Plump free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Основы интерфейса
- Теги
- linearrow, arrowexpand, expandhorizontal, horizontalremix, linearrowexpandhorizontalremix
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M46 5h-2v38a2 2 0 0 0 4 0V5.001zm2 0a2 2 0 0 0-4 0zM0 5v38a2 2 0 0 0 4 0V5.001a2 2 0 0 0-4 0m37.425 17.478c.71 1.024.713 2.251.116 3.114c-1.215 1.754-3.027 3.825-5.44 5.739c-.351.279-.685.242-.855.14a6 6 0 0 1-.71-.494a2 2 0 0 1-.282-.282l.002-.015c.018-.111.098-.313.283-.52l1.245-1.388a2 2 0 0 0-1.532-3.335c-4.666.1-7.84.1-12.506 0a2 2 0 0 0-1.532 3.335l1.245 1.389c.185.206.265.408.283.519l.002.015a2 2 0 0 1-.281.282a6 6 0 0 1-.71.494c-.17.102-.504.139-.856-.14c-2.413-1.914-4.225-3.984-5.44-5.739c-.597-.862-.594-2.09.117-3.114c1.257-1.813 2.964-3.9 5.339-5.813c.338-.272.668-.24.84-.136c.259.156.503.323.71.494q.15.125.281.281l-.002.016c-.018.111-.098.313-.283.52l-1.244 1.388a2 2 0 0 0 1.531 3.334c4.667-.099 7.84-.099 12.506 0a2 2 0 0 0 1.532-3.334L30.54 17.84c-.185-.207-.265-.409-.283-.52l-.003-.016q.132-.157.282-.28c.207-.172.45-.339.71-.495c.172-.104.502-.136.84.136c2.374 1.913 4.081 4 5.339 5.813m-2.838 11.987c2.74-2.173 4.818-4.539 6.242-6.596c1.657-2.392 1.429-5.443-.118-7.671c-1.405-2.026-3.361-4.428-6.116-6.648c-1.46-1.176-3.607-1.535-5.413-.448c-.38.23-.796.509-1.194.837c-.34.28-.625.58-.865.875c-.974 1.198-1.032 2.536-.687 3.686a243 243 0 0 0-4.874 0c.345-1.15.288-2.488-.687-3.686a6.3 6.3 0 0 0-.865-.875a10 10 0 0 0-1.194-.837c-1.805-1.087-3.953-.728-5.413.448c-2.755 2.22-4.71 4.622-6.116 6.647c-1.546 2.23-1.775 5.28-.118 7.672c1.424 2.057 3.502 4.422 6.242 6.596c1.457 1.155 3.597 1.521 5.405.433c.38-.23.796-.509 1.194-.838c.34-.28.626-.58.866-.875c.974-1.198 1.031-2.536.686-3.686c1.658.017 3.217.017 4.874 0c-.345 1.15-.288 2.489.687 3.686c.24.295.526.595.865.875c.398.33.814.608 1.195.838c1.807 1.088 3.947.722 5.404-.433" clip-rule="evenodd"/></svg>Как использовать иконку Line Arrow Expand Horizontal Remix
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:line-arrow-expand-horizontal-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:line-arrow-expand-horizontal-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:line-arrow-expand-horizontal-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--line-arrow-expand-horizontal-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:line-arrow-expand-horizontal-remix"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:line-arrow-expand-horizontal-remix"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/line-arrow-expand-horizontal-remix.svg" alt="Иконка Line Arrow Expand Horizontal Remix" width="24" height="24">Похожие иконки в наборе Plump free icons
Вопросы и ответы: Иконка Line Arrow Expand Horizontal Remix
Можно ли бесплатно использовать иконку Line Arrow Expand Horizontal Remix в коммерческих проектах?
Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Line Arrow Expand Horizontal Remix в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump:line-arrow-expand-horizontal-remix" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Line Arrow Expand Horizontal Remix на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/line-arrow-expand-horizontal-remix.svg" alt="Иконка Line Arrow Expand Horizontal Remix">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.