Buffalo icon

ls:buffalo

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="3035" height="634" viewBox="0 0 3035 634"><path fill="currentColor" d="m524 134l-41 149c-11 42-50 62-70 64c29 6 46 29 36 66l-37 138c-13 53-54 83-109 83H0L154 60h314c40 0 66 37 56 74m192 397L842 60h149L860 549c-13 49-60 85-114 85H522c-39 0-65-37-55-75L601 60h149L623 537c-3 10 4 16 10 16h54c11 0 25-7 29-22m407-196l43-159c6-26 28-36 43-36h189c9-35 24-63 57-80h-321c-38 0-93 25-109 85L895 634h148l59-219h177l43-80zm430 0l43-159c6-26 28-36 43-36h212c8-35 24-63 58-80h-345c-38 0-93 25-109 85l-130 489h149l58-219h177l43-80zm74 299l331-516c25-39 66-58 106-58h102l-57 574h-143l13-139h-167l-89 139zm659-489l-111 414c-11 40 19 75 54 75h296c-27-20-41-41-41-81h-143c-6 0-14-6-11-16l128-477h-61c-46 0-96 29-111 85m246 400l108-400c16-63 72-85 110-85h226c42 0 66 38 56 73l-111 416c-13 49-58 85-113 85h-209c-45 0-79-43-67-89M334 284l35-129c2-7-2-15-12-15h-75l-45 166h69c11 0 24-7 28-22m2450-123l-100 376c-3 10 4 16 10 16h54c11 0 25-7 29-22l100-376c2-7-2-15-11-15h-55c-13 0-24 10-27 21m-774 27l-146 227h124zM268 531l35-129c2-7-2-15-12-15h-76l-44 166h69c11 0 24-7 28-22"/></svg>

How to use the Buffalo icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Buffalo icon FAQ

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

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

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

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

Browse all Ligature Symbols icons →