Share 2 icon
keyline-icons:share-2
The Share 2 icon (keyline-icons:share-2) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT 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
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.5 5.5001L12.5 8.4629C12.5 8.7219 12.3023 8.938 12.0444 8.9609C7.3375 9.3805 3.5668 13.0376 3.0035 17.7295C3.0011 17.7493 2.9999 17.7692 2.9999 17.7891C2.9999 18.0652 3.2238 18.2891 3.4999 18.2891C3.624 18.2891 3.7436 18.243 3.8356 18.1597C6.0425 16.1608 8.9138 15.0538 11.8914 15.0538C11.9291 15.0538 11.9669 15.0539 12.0047 15.0543C12.279 15.0569 12.5 15.28 12.5 15.5543L12.5 18.4999C12.5 18.7761 12.7239 18.9999 13 18.9999C13.1172 18.9999 13.2307 18.9587 13.3206 18.8836L20.6411 12.7674C20.8685 12.5774 20.9999 12.2963 20.9999 12C20.9999 11.7037 20.8685 11.4226 20.6411 11.2326L13.3206 5.1164C13.2307 5.0413 13.1172 5.0001 13 5.0001C12.7239 5.0001 12.5 5.2239 12.5 5.5001Z"/></svg>
How to use the Share 2 icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:share-2" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:share-2" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:share-2" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--share-2]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:share-2"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:share-2"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/share-2.svg" alt="Share 2 icon" width="24" height="24">
Related icons in Keyline Icons
Share 2 icon in other icon sets
Share 2 icon FAQ
Is the Share 2 icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Share 2 icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:share-2" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Share 2 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/share-2.svg" alt="Share 2 icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
