Cookpad icon

ls:cookpad

The Cookpad icon (ls:cookpad) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 717 × 717 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: 717 × 717

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="M358 0c198 0 359 161 359 359S556 717 358 717S0 557 0 359S160 0 358 0m0 680c177 0 322-144 322-321S535 37 358 37S37 182 37 359s144 321 321 321m104-482c-16-39-55-69-105-69c-40 0-79 27-93 52c-79-36-161 28-161 103c0 52 31 87 75 109c-5 45-13 97-18 141c-2 15-6 33 4 45c25 6 52 3 80 3h244c17-8 14-29 16-43c5-45 12-95 18-138c73 2 123-46 123-114c0-89-100-147-183-89m-29 29c0 9-6 11-6 18c9 6 20 14 32 18c10-30 44-57 85-51c40 5 66 46 63 85c-3 33-34 66-82 67c3-20 4-41-15-42c-20 0-22 31-25 58c-4 29-5 57-8 74H279c-28 0-57-4-53 24c3 16 29 13 53 13c62 0 135-2 193 1c-2 18-4 37-7 53H197c8-60 15-124 23-184c-45-2-84-36-79-87c8-69 106-88 141-32c2-38 30-71 65-75c41-5 76 21 86 60"/></svg>

How to use the Cookpad icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Cookpad icon in other icon sets

Cookpad icon FAQ

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

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

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

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

Browse all Ligature Symbols icons →