Иконка Arrow Expand

streamline-plump-color:arrow-expand

Иконка Arrow Expand (streamline-plump-color:arrow-expand) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump color icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Основы интерфейса
Теги: arrowexpand

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M17.352 44.726c1.33-.14 1.938-1.53 1.116-2.585c-.737-.946-1.792-2.21-3.274-3.81c2.42-2.654 3.956-4.608 4.836-5.81c.646-.88.732-1.992.02-2.822a16 16 0 0 0-.864-.925a17 17 0 0 0-.878-.817c-.835-.717-1.945-.617-2.823.046c-1.187.896-3.12 2.444-5.763 4.843c-1.653-1.537-2.942-2.614-3.897-3.355c-1.045-.81-2.406-.207-2.547 1.108c-.397 3.706-.308 8.052-.116 11.503a2.897 2.897 0 0 0 2.735 2.735c3.436.191 7.759.28 11.455-.11Zm12.296-.033c-1.328-.146-1.94-1.537-1.123-2.595c.813-1.052 2.014-2.495 3.747-4.357c-2.115-2.355-3.489-4.11-4.302-5.22c-.646-.88-.731-1.992-.02-2.822a16 16 0 0 1 .865-.925c.33-.33.622-.598.878-.817c.834-.717 1.944-.617 2.822.046c1.096.828 2.83 2.213 5.172 4.31c1.917-1.792 3.384-3.013 4.444-3.828c1.047-.806 2.412-.2 2.558 1.113c.446 4.012.343 8.76.13 12.485a2.9 2.9 0 0 1-2.735 2.736c-3.71.211-8.434.314-12.436-.126m0-41.386c-1.328.146-1.94 1.538-1.123 2.595c.813 1.052 2.014 2.495 3.747 4.357c-2.115 2.355-3.489 4.11-4.302 5.22c-.646.88-.731 1.992-.02 2.822c.23.269.514.577.865.926c.33.328.622.597.878.816c.834.717 1.944.617 2.822-.046c1.096-.828 2.83-2.212 5.172-4.31c1.917 1.792 3.384 3.013 4.444 3.828c1.047.806 2.412.2 2.558-1.113c.446-4.012.343-8.76.13-12.485a2.9 2.9 0 0 0-2.735-2.736c-3.71-.21-8.434-.314-12.436.126m-11.296 0c1.329.146 1.94 1.538 1.123 2.595c-.813 1.052-2.014 2.495-3.747 4.357c2.115 2.355 3.489 4.11 4.302 5.22c.646.88.732 1.992.02 2.822a16 16 0 0 1-.864.926c-.331.328-.623.597-.878.816c-.835.717-1.945.617-2.823-.046c-1.096-.828-2.83-2.212-5.172-4.31c-1.917 1.792-3.384 3.013-4.443 3.828c-1.048.806-2.413.2-2.559-1.113c-.445-4.012-.343-8.76-.13-12.485A2.9 2.9 0 0 1 5.915 3.18c3.71-.21 8.435-.314 12.436.126Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M18.352 3.307c1.329.146 1.94 1.538 1.123 2.595c-.813 1.052-2.014 2.495-3.747 4.357c2.115 2.355 3.489 4.11 4.302 5.22c.646.88.732 1.992.02 2.822a16 16 0 0 1-.864.926c-.331.328-.623.597-.878.816c-.835.717-1.945.617-2.823-.046c-1.096-.828-2.83-2.212-5.172-4.31c-1.917 1.792-3.384 3.013-4.443 3.828c-1.048.806-2.413.2-2.559-1.113c-.445-4.012-.343-8.76-.13-12.485A2.9 2.9 0 0 1 5.915 3.18c3.71-.21 8.435-.314 12.436.126Zm11.296 0c-1.329.146-1.94 1.538-1.123 2.595c.813 1.052 2.014 2.495 3.747 4.357c-2.115 2.355-3.489 4.11-4.302 5.22c-.646.88-.732 1.992-.02 2.822c.23.269.513.577.864.926c.331.328.623.597.878.816c.835.717 1.945.617 2.823-.046c1.096-.828 2.83-2.212 5.172-4.31c1.917 1.792 3.384 3.013 4.443 3.828c1.048.806 2.413.2 2.559-1.113c.445-4.012.343-8.76.13-12.485a2.9 2.9 0 0 0-2.735-2.736c-3.71-.21-8.435-.314-12.436.126m0 41.386c-1.329-.146-1.94-1.537-1.123-2.595c.813-1.052 2.014-2.495 3.747-4.357c-2.115-2.355-3.489-4.11-4.302-5.22c-.646-.88-.732-1.992-.02-2.822c.23-.268.513-.576.864-.925c.331-.33.623-.598.878-.817c.835-.717 1.945-.617 2.823.046c1.096.828 2.83 2.213 5.172 4.31c1.917-1.792 3.384-3.013 4.443-3.828c1.048-.806 2.413-.2 2.559 1.113c.445 4.012.343 8.76.13 12.485a2.9 2.9 0 0 1-2.735 2.736c-3.71.211-8.435.314-12.436-.126m-12.296.033c1.33-.14 1.938-1.53 1.116-2.585c-.737-.946-1.792-2.21-3.274-3.81c2.42-2.654 3.956-4.608 4.836-5.81c.646-.88.732-1.992.02-2.822a16 16 0 0 0-.864-.925a17 17 0 0 0-.878-.817c-.835-.717-1.945-.617-2.823.046c-1.187.896-3.12 2.444-5.763 4.843c-1.653-1.537-2.942-2.614-3.897-3.355c-1.045-.81-2.406-.207-2.547 1.108c-.397 3.706-.308 8.052-.116 11.503a2.897 2.897 0 0 0 2.735 2.735c3.436.191 7.759.28 11.455-.11Z"/></g></svg>

Как использовать иконку Arrow Expand

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-plump-color:arrow-expand" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-plump-color:arrow-expand" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-plump-color:arrow-expand" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--arrow-expand]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:arrow-expand"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-plump-color:arrow-expand"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/arrow-expand.svg" alt="Иконка Arrow Expand" width="24" height="24">

Иконка Arrow Expand в других наборах

Вопросы и ответы: Иконка Arrow Expand

Можно ли бесплатно использовать иконку Arrow Expand в коммерческих проектах?

Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Arrow Expand в React?

Установите @iconify/react и выведите <Icon icon="streamline-plump-color:arrow-expand" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Arrow Expand на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/arrow-expand.svg" alt="Иконка Arrow Expand">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump color icons →