ICONYZ
English
Stretching Line Duotone icon from Solar

Stretching Line Duotone icon

solar:stretching-line-duotone

The Stretching Line Duotone icon (solar:stretching-line-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Solar
Author
480 Design
License
CC-BY-4.0
Size
24 × 24
Category
Sports
Tags
stretchingline, lineduotone, stretchinglineduotone
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="14.5" cy="4.5" r="2.5"/><path stroke-linecap="round" stroke-linejoin="round" d="M5 22.0002L8.84856 20.6274C9.30437 20.4648 9.68576 20.1425 9.92204 19.7202L12.6343 14.872C12.8012 14.5736 12.8889 14.2374 12.8889 13.8955V11.2751C12.8889 10.1982 11.7878 9.47213 10.798 9.89634L8.34221 10.9488C7.35935 11.37 7.12031 12.655 7.88594 13.4015L8.5 14.0002" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M19.0001 22.0002V16.7681C19.0001 15.5355 17.8959 14.5962 16.6793 14.7939L15.6667 14.9585"/></g></svg>

How to use the Stretching Line Duotone icon

React

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

<Icon icon="solar:stretching-line-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:stretching-line-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:stretching-line-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--stretching-line-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:stretching-line-duotone"></div>

Web component

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

<iconify-icon icon="solar:stretching-line-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/stretching-line-duotone.svg" alt="Stretching Line Duotone icon" width="24" height="24">

Related icons in Solar

Stretching Line Duotone icon FAQ

Is the Stretching Line Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Stretching Line Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:stretching-line-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Stretching Line Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/stretching-line-duotone.svg" alt="Stretching Line Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →