ICONYZ
English
Small icon from Ligature Symbols

Small icon

ls:small

The Small icon (ls:small) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 666 × 680 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
666 × 680
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="666" height="680" viewBox="0 0 666 680"><path fill="currentColor" d="M333 83v226c0 10 4 19 11 27c6 7 16 11 27 11h225c32 0 40-17 17-40l-71-73l118-118c3-4 6-9 6-14s-3-9-6-13l-69-69c-4-4-8-6-14-6c-5 0-10 2-14 6L444 139l-71-72c-23-23-40-15-40 16M5 605l70 69c4 3 8 6 14 6c5 0 9-3 13-6l119-119l72 71c23 23 40 16 40-15V385c0-19-16-38-38-38H70c-32 0-41 17-18 40l72 72L5 577c-3 4-5 10-5 15s2 9 5 13"/></svg>

How to use the Small icon

React

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

<Icon icon="ls:small" width="24" />

Vue

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

<template>
  <Icon icon="ls:small" width="24" />
</template>

Svelte

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

<Icon icon="ls:small" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--small]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:small"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ls:small"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ls/small.svg" alt="Small icon" width="24" height="24">

Small icon FAQ

Is the Small 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 Small icon in React?

Install @iconify/react and render <Icon icon="ls:small" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Small icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/small.svg" alt="Small icon">, or paste the SVG code inline to style it with CSS.

Browse all Ligature Symbols icons →