Иконка Expand Horizontal 2 Flat

streamline-plump-color:expand-horizontal-2-flat

Иконка Expand Horizontal 2 Flat (streamline-plump-color:expand-horizontal-2-flat) — бесплатная 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
Категория: Основы интерфейса
Теги: expandhorizontal, horizontalflat, expandhorizontalflat

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" fill-rule="evenodd" d="M12.237 7.242c.067 1.283.142 3.372.195 6.717c-2.025 1.82-4.321 3.954-6.08 6.553a5.67 5.67 0 0 0 0 6.418c1.761 2.604 4.062 4.74 6.088 6.56c-.053 3.67-.133 5.916-.203 7.268c-.09 1.728-1.211 3.449-3.292 3.655c-.533.053-1.175.087-1.945.087c-.771 0-1.413-.034-1.946-.087c-2.08-.206-3.202-1.927-3.292-3.655C1.645 38.496 1.5 33.736 1.5 24s.145-14.496.262-16.758c.09-1.728 1.211-3.449 3.292-3.655A20 20 0 0 1 7 3.5c.77 0 1.412.034 1.945.087c2.08.206 3.202 1.927 3.292 3.655M46.5 24c0-9.736-.145-14.496-.263-16.758c-.09-1.728-1.211-3.449-3.291-3.655A20 20 0 0 0 41 3.5c-.77 0-1.413.034-1.946.087c-2.08.206-3.202 1.927-3.291 3.655c-.067 1.284-.143 3.372-.196 6.718c2.025 1.818 4.322 3.952 6.08 6.552a5.67 5.67 0 0 1 0 6.418c-1.76 2.604-4.06 4.74-6.088 6.56c.053 3.67.133 5.916.204 7.268c.09 1.728 1.21 3.449 3.291 3.655c.533.053 1.175.087 1.946.087s1.413-.034 1.946-.087c2.08-.206 3.202-1.927 3.291-3.655c.118-2.262.263-7.022.263-16.758" clip-rule="evenodd"/><path fill="#2859c5" d="M30.116 29.815c.09 1.976 1.949 2.782 3.42 1.46a69 69 0 0 0 2.229-2.1c1.744-1.71 2.785-3.02 3.398-3.926a2.675 2.675 0 0 0 0-3.056c-.613-.906-1.654-2.215-3.398-3.926a69 69 0 0 0-2.227-2.098c-1.473-1.322-3.333-.517-3.422 1.46c-.034.752-.064 1.64-.085 2.681c-1.418-.048-3.394-.09-6.031-.09s-4.613.042-6.031.09c-.021-1.042-.05-1.93-.085-2.682c-.09-1.977-1.949-2.782-3.42-1.46a69 69 0 0 0-2.229 2.099c-1.744 1.712-2.785 3.02-3.397 3.926a2.67 2.67 0 0 0 0 3.056c.612.907 1.653 2.215 3.397 3.927a69 69 0 0 0 2.227 2.098c1.473 1.322 3.333.517 3.422-1.46c.035-.755.064-1.646.085-2.692c1.478.052 3.496.099 6.031.099s4.553-.047 6.031-.1c.02 1.048.05 1.939.085 2.694"/></g></svg>

Как использовать иконку Expand Horizontal 2 Flat

React

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

<Icon icon="streamline-plump-color:expand-horizontal-2-flat" width="24" />

Vue

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

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

Svelte

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

<Icon icon="streamline-plump-color:expand-horizontal-2-flat" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="streamline-plump-color:expand-horizontal-2-flat"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Plump color icons →