Friend icon
ls:friend
The Friend icon (ls:friend) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 819 × 622 grid. Ligature Symbols icons are released under the Open Font 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 819 × 622
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="819" height="622" viewBox="0 0 819 622"><path fill="currentColor" d="M552.664 491c41 23 64 61 60 100c-2 24-1 24-32 28c-19 2-140 3-263 3c-140 0-286-1-297-4c-41-11-17-87 37-123c43-27 130-69 154-74c33-7 37-28 0-91c-8-15-17-58-18-104c-1-74 12-124 77-149c12-4 26-6 39-6c43 0 83 24 100 59c23 47 12 170-12 215c-29 51-26 67 6 75c20 5 86 36 149 71m219-63c32 17 50 48 47 78c-1 18-1 19-25 22c-12 2-75 3-149 3c-13-31-38-59-72-77c-39-22-85-45-120-60c23-11 43-20 52-22c25-6 28-20 0-70c-7-12-15-46-16-82c-1-58 12-98 62-117c10-3 21-5 31-5c33 0 64 18 77 46c17 37 9 133-9 169c-22 40-20 52 5 58c16 4 67 29 117 57"/></svg>How to use the Friend icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:friend" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:friend" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:friend" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--friend]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:friend"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:friend"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ls/friend.svg" alt="Friend icon" width="24" height="24">Friend icon FAQ
Is the Friend icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Friend icon in React?
Install @iconify/react and render <Icon icon="ls:friend" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Friend icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/friend.svg" alt="Friend icon">, or paste the SVG code inline to style it with CSS.