Diagonal Triangle Arrow 2 Remix icon
streamline-plump:diagonal-triangle-arrow-2-remix
The Diagonal Triangle Arrow 2 Remix icon (streamline-plump:diagonal-triangle-arrow-2-remix) is a free SVG icon from the Plump free icons set by Streamline. It is drawn on a 48 × 48 grid. Plump free 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
- Plump free icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 48 × 48
- Category
- InterfaceEssential
- Tags
- diagonaltriangle, trianglearrow, arrowremix, diagonaltrianglearrowremix
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M22.13 1.337C17.077.842 11.305.971 6.757 1.225a5.863 5.863 0 0 0-5.532 5.531c-.256 4.57-.384 10.378.12 15.45c.166 1.669 1.148 3.036 2.575 3.658c1.434.626 3.112.41 4.443-.641a74 74 0 0 0 3.418-2.885a180 180 0 0 0 6.756 7.126a180 180 0 0 0 7.134 6.763a77 77 0 0 0-2.832 3.357c-1.062 1.341-1.277 3.033-.654 4.475c.622 1.437 1.995 2.438 3.685 2.604c5.053.495 10.825.366 15.373.112a5.863 5.863 0 0 0 5.532-5.531c.255-4.57.384-10.378-.12-15.45c-.166-1.669-1.148-3.036-2.575-3.658c-1.434-.626-3.112-.41-4.443.641a74 74 0 0 0-3.396 2.866a192 192 0 0 0-6.777-7.107a192 192 0 0 0-7.115-6.785a77 77 0 0 0 2.812-3.334c1.062-1.342 1.277-3.034.654-4.476c-.622-1.437-1.995-2.438-3.685-2.604M6.98 5.22c4.476-.25 10.01-.366 14.76.1c.166.016.26.064.31.1s.078.076.093.11a.24.24 0 0 1 .016.131a.6.6 0 0 1-.134.274c-.93 1.174-2.22 2.705-3.983 4.613a2 2 0 0 0 .15 2.861c2.15 1.883 4.98 4.492 8.444 7.956c3.46 3.46 6.068 6.29 7.95 8.437a2 2 0 0 0 2.864.149c1.945-1.803 3.49-3.106 4.664-4.032a.55.55 0 0 1 .259-.128a.2.2 0 0 1 .108.012a.24.24 0 0 1 .096.084a.6.6 0 0 1 .098.303c.474 4.766.358 10.333.106 14.831a1.863 1.863 0 0 1-1.761 1.761c-4.476.25-10.01.366-14.76-.1a.63.63 0 0 1-.31-.1a.24.24 0 0 1-.11-.242a.6.6 0 0 1 .135-.273c.933-1.18 2.232-2.718 4.006-4.638a2 2 0 0 0-.154-2.865a172 172 0 0 1-8.462-7.928a172 172 0 0 1-7.923-8.456a2 2 0 0 0-2.867-.152c-1.957 1.815-3.51 3.125-4.689 4.055a.55.55 0 0 1-.26.128a.2.2 0 0 1-.107-.012a.24.24 0 0 1-.097-.084a.6.6 0 0 1-.097-.303c-.474-4.766-.358-10.333-.106-14.831A1.863 1.863 0 0 1 6.98 5.219" clip-rule="evenodd"/></svg>How to use the Diagonal Triangle Arrow 2 Remix icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:diagonal-triangle-arrow-2-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:diagonal-triangle-arrow-2-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:diagonal-triangle-arrow-2-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--diagonal-triangle-arrow-2-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:diagonal-triangle-arrow-2-remix"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:diagonal-triangle-arrow-2-remix"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump/diagonal-triangle-arrow-2-remix.svg" alt="Diagonal Triangle Arrow 2 Remix icon" width="24" height="24">Diagonal Triangle Arrow 2 Remix icon FAQ
Is the Diagonal Triangle Arrow 2 Remix icon free for commercial use?
Yes. Plump free 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 Diagonal Triangle Arrow 2 Remix icon in React?
Install @iconify/react and render <Icon icon="streamline-plump:diagonal-triangle-arrow-2-remix" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Diagonal Triangle Arrow 2 Remix icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump/diagonal-triangle-arrow-2-remix.svg" alt="Diagonal Triangle Arrow 2 Remix icon">, or paste the SVG code inline to style it with CSS.