Sqale icon
ls:sqale
The Sqale icon (ls:sqale) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 1932 × 701 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
- 1932 × 701
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1932" height="701" viewBox="0 0 1932 701"><path fill="currentColor" d="M178 55C92 55 10 84 10 191c0 55 30 103 113 163c85 61 110 85 110 128c0 60-50 76-105 76c-26 0-64-2-95-8c-23-4-33 16-33 30c0 13 4 21 11 26c23 14 88 18 117 18c110 0 183-46 183-149c0-63-32-104-117-163c-70-48-105-86-105-126c0-53 34-66 103-66c38 0 59 3 82 5c26 3 34-11 34-27c0-12-4-21-17-28c-18-10-53-15-113-15m960 446l20 83c6 27 18 35 38 35c38 0 47-13 47-32c0-7-2-20-9-45c-25-99-80-313-114-434c-12-41-35-53-81-53c-41 0-67 15-77 47c-33 108-96 343-122 440c-6 20-9 38-9 45c0 23 20 32 45 32c15 0 25-5 32-30l21-88c8-28 17-34 35-34h135c24 0 33 8 39 34m-119-351c5-16 9-20 19-20c9 0 14 4 19 20c17 55 55 220 55 235c0 16-8 19-30 19h-92c-20 0-29-3-29-19s42-180 58-235m381 378V91c0-26-18-31-40-31c-17 0-39 5-39 31v463c0 41 23 62 74 62h149c19 0 24-15 24-34c0-16-5-33-24-33h-121c-19 0-23-4-23-21m339-398h157c18 0 23-16 23-34c0-17-5-33-23-33h-186c-50 0-74 23-74 62v429c0 41 24 62 74 62h199c18 0 23-15 23-34c0-16-5-33-23-33h-170c-20 0-23-4-23-21V384c0-18 3-22 23-22h145c19 0 24-13 24-32c0-16-5-30-24-30h-145c-20 0-23-4-23-21V165c0-28 3-35 23-35M746 345c33 0 41 14 40 35c-1 2-1 4-1 7c-8 102-34 160-76 195c-7 6-6 12-3 15c18 20 37 41 43 46c12 14 14 32-2 48c-19 17-36 9-47-2c-7-7-37-42-59-67c-3-3-10-8-20-8c-24 3-54 3-76 0c-80-11-137-57-157-171c-3-16-5-30-6-46c0-3 0-6-1-10v-7c-1-20 7-35 40-35c32 0 42 15 42 29c0 3 0 6 1 10v16c1 7 2 32 6 50c14 83 50 100 116 100c86 0 115-23 120-167v-9c0-14 8-29 40-29m47-86c2 22-1 43-41 43c-16 0-93-23-166-23c-80 0-155 23-169 23c-44 0-42-28-40-41c2-15 4-30 7-43c20-103 71-153 156-167c11-2 15-9 16-13c1-9 4-18 8-25c5-10 15-13 27-13c10 0 21 4 25 13c4 8 6 17 8 26c0 4 2 11 15 13c94 18 142 85 154 207"/></svg>How to use the Sqale icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:sqale" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:sqale" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:sqale" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--sqale]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:sqale"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:sqale"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ls/sqale.svg" alt="Sqale icon" width="24" height="24">Sqale icon FAQ
Is the Sqale 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 Sqale icon in React?
Install @iconify/react and render <Icon icon="ls:sqale" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sqale icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/sqale.svg" alt="Sqale icon">, or paste the SVG code inline to style it with CSS.