ICONYZ
English
Share 2 Fill icon from Keyline Icons

Share 2 Fill icon

keyline-icons:share-2-fill

The Share 2 Fill icon (keyline-icons:share-2-fill) 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
Tags
sharefill
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.5 5.5001L11.5 8.0151C6.516 8.6696 2.6098 12.6194 2.0106 17.6103C2.0035 17.6696 1.9999 17.7293 1.9999 17.7891C1.9999 18.6175 2.6715 19.2891 3.4999 19.2891C3.8721 19.2891 4.231 19.1507 4.5069 18.9009C6.43 17.159 8.907 16.153 11.5 16.0607L11.5 18.4999C11.5 19.3283 12.1716 19.9999 13 19.9999C13.3516 19.9999 13.692 19.8764 13.9617 19.651L21.2822 13.5348C21.7371 13.1548 21.9999 12.5927 21.9999 12C21.9999 11.4073 21.7371 10.8452 21.2822 10.4652L13.9617 4.349C13.692 4.1236 13.3516 4.0001 13 4.0001C12.1716 4.0001 11.5 4.6717 11.5 5.5001Z"/></svg>

How to use the Share 2 Fill icon

React

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

<Icon icon="keyline-icons:share-2-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:share-2-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:share-2-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--share-2-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:share-2-fill"></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-fill"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/share-2-fill.svg" alt="Share 2 Fill icon" width="24" height="24">

Related icons in Keyline Icons

Share 2 Fill icon in other icon sets

Share 2 Fill icon FAQ

Is the Share 2 Fill 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 Fill icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:share-2-fill" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Share 2 Fill 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-fill.svg" alt="Share 2 Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →