ICONYZ
English
Sepia icon from Ligature Symbols

Sepia icon

ls:sepia

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

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="769" height="712" viewBox="0 0 769 712"><path fill="currentColor" d="M49.064 397c-60 42-24 95 26 98c50 4 92 38 80 79c-22 70-8 128 106 70c58-29 97-101 172 30c44 77 156 26 141-62c-7-43 17-69 101-94c153-45 88-172 12-204s-87-87-60-143c26-54-48-141-113-83c-52 46-117 4-118-12s-57-133-90-34c-22 63 13 172-181 59c-123-72-183 113-49 178c63 31 33 77-27 118"/></svg>

How to use the Sepia icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Sepia icon FAQ

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

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

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

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

Browse all Ligature Symbols icons →