Safari icon

ls:safari

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="717" height="778" viewBox="0 0 717 778"><path fill="currentColor" d="M358 61c198 0 359 161 359 359S556 778 358 778S0 618 0 420C0 253 113 113 267 72c0-1-1-2-1-4c-19-4-34-18-34-34c0-19 21-34 47-34s47 15 47 34c0 11-7 21-17 27v3c16-2 33-3 49-3m-93-3c3-10 12-17 22-17c8 0 14 4 18 10c5-5 9-12 9-18c0-14-16-26-35-26s-35 12-35 26c0 11 9 21 21 25m93 661c165 0 299-134 299-299c0-166-134-299-299-299S59 254 59 420c0 165 134 299 299 299m2-583c154 0 279 125 279 280c0 154-125 280-279 280S82 570 82 416c0-155 124-280 278-280m0 541c142 0 260-118 260-261c0-144-118-260-260-260S101 272 101 416c0 143 117 261 259 261m-52-435l-8-40c-4-2-5-3-6-4h-3v-2l17-4l36 29h1l-5-25c-1-2-2-4-3-5s-3-1-6-1l-1-2l18-4v2c-2 1-4 2-5 3c0 1-1 3 0 5l10 49l-2 1l-46-37l-1 1l7 32c0 2 1 4 2 5s5 2 8 1l1 3l-20 4v-2c3-1 5-3 5-4c1-1 1-3 1-5m227 139l-91 41c-1 9-3 17-7 25l35 36l-47-16c-6 8-16 15-25 20l-4 92l-39-84c-11 0-21-3-30-8L196 600l99-141c-2-3-4-5-5-8l-96-3l87-41q1.5-16.5 9-30l-33-37l46 18c7-7 16-13 24-17l5-100l41 91c11 2 21 6 30 11l123-105l-94 132c1 2 2 3 3 5zm-197 17l60-50c-7-4-14-6-22-8c-4-1-9-1-14-1c-13 0-24 3-35 9c-6 3-13 7-17 12c-7 6-12 14-16 22c-3 7-5 14-6 22c0 3-1 6-1 10c0 13 4 26 10 37c1 1 1 2 2 3zm239-7v-1c4-2 7-4 8-7c2-2 2-7 0-13c0-2-1-3-1-4c-1 0-2-1-3 0l-17 3c0 4 2 8 4 9c1 1 5 1 10 1v2l-25 5v-2c4-1 6-3 8-5c1-1 1-5 0-9l-17 3c-1 0-2 1-3 2c0 1 0 3 1 6c0 4 2 8 4 10c3 3 7 5 12 6v2h-15l-9-42l2-1c1 2 1 4 2 5s2 1 4 1l36-7q3-1.5 3-3c1-1 1-3 0-5h2l9 42zm-194 49l-51 43c7 3 14 5 22 6h8c14 0 28-3 38-10c7-4 14-9 19-14c6-7 10-15 14-23c2-6 3-11 4-17c1-4 1-8 1-11c0-14-4-26-10-37l-45 62zm-58 39l52-45l-3-3c4-3 6-9 6-14c0-10-8-17-18-17c-6 0-11 3-14 7l-4-3l-41 56l-3 7l-61 85l80-69zm37-75c7 0 14 6 14 13s-7 13-14 13s-12-6-12-13s5-13 12-13m-165 54v2l-42 26c-2 1-3 2-4 3v3h-3l-4-21l2-1c0 2 1 3 1 4c1 0 2 1 4 0h1l1-1l24-15l-24-4s-1 0-3 2l-4 2l-2 2v5h-1l-5-24h2c0 2 1 3 1 4c1 1 1 1 2 1s1-1 2-1c0 0 1-1 2-1l22-13l-25-3h-4s-2 1-2 2v4h-2l-2-14h1c1 1 1 2 2 2c1 1 2 2 4 2l49 6v2l-32 19v1zm205 145l7 2c3 1 5 2 7 3c3 2 6 5 6 10c1 4 1 8-2 12c-2 4-7 8-13 9c-2 0-5 1-6 1c-2 0-4 0-5-1h-4c-1 0-1 1-1 1c-1 1-1 1-1 2l-2 1l-4-21h2c3 5 6 10 9 12s8 3 11 2c4 0 6-3 7-5s2-4 1-6c0-2-1-4-3-5s-5-2-8-3l-6-1q-7.5-3-12-6c-2-2-4-4-5-8c0-4 0-8 2-12c2-3 6-7 12-8c2-1 5-1 8 0h6l1-1c1-1 1-2 1-2l2-1l4 18l-3 1c-1-4-4-8-7-10c-3-3-8-4-11-3s-5 2-6 4c-1 1-2 4-1 6c0 3 1 5 3 5c2 1 5 3 11 4"/></svg>

How to use the Safari icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Safari icon in other icon sets

Safari icon FAQ

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

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

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

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

Browse all Ligature Symbols icons →