Bow Arrow Duotone icon
lucide-extended:bow-arrow-duotone
The Bow Arrow Duotone icon (lucide-extended:bow-arrow-duotone) is a free SVG icon from the Lucide Extended set by Applifted. It is drawn on a 24 × 24 grid. Lucide Extended icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Lucide Extended
- Author
- Applifted
- License
- ISC
- Size
- 24 × 24
- Tags
- bowarrow, arrowduotone, bowarrowduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M7 14a1.7 1.7 0 0 0-1.207.5l-2.646 2.646A.5.5 0 0 0 3.5 18H5a1 1 0 0 1 1 1v1.5a.5.5 0 0 0 .854.354L9.5 18.207A1.7 1.7 0 0 0 10 17v-2a1 1 0 0 0-1-1z" opacity=".15"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 3h4v4m-2.425 4.078a13 13 0 0 1 1.048 9.027a1.17 1.17 0 0 1-1.914.597L14 16.996M7 9.997l-3.71-3.71a1.17 1.17 0 0 1 .6-1.91a13 13 0 0 1 9.03 1.05M7 14a1.7 1.7 0 0 0-1.207.5l-2.646 2.646A.5.5 0 0 0 3.5 18H5a1 1 0 0 1 1 1v1.5a.5.5 0 0 0 .854.354L9.5 18.207A1.7 1.7 0 0 0 10 17v-2a1 1 0 0 0-1-1zm2.707.293L21 3"/></g></svg>How to use the Bow Arrow Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:bow-arrow-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:bow-arrow-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:bow-arrow-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--bow-arrow-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:bow-arrow-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:bow-arrow-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/lucide-extended/bow-arrow-duotone.svg" alt="Bow Arrow Duotone icon" width="24" height="24">Related icons in Lucide Extended
Bow Arrow Duotone icon FAQ
Is the Bow Arrow Duotone icon free for commercial use?
Yes. Lucide Extended icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Bow Arrow Duotone icon in React?
Install @iconify/react and render <Icon icon="lucide-extended:bow-arrow-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bow Arrow Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/lucide-extended/bow-arrow-duotone.svg" alt="Bow Arrow Duotone icon">, or paste the SVG code inline to style it with CSS.