Icono Safari

ls:safari

El icono Safari (ls:safari) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 717 × 778. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Ligature Symbols
Autor: Kazuyuki Motoyama
Licencia: OFL-1.1
Tamaño: 717 × 778

Descargar SVG

Código SVG

<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>

Cómo usar el icono Safari

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>

Imagen HTML

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

El icono Safari en otras colecciones

Preguntas frecuentes sobre Icono Safari

¿El icono Safari es gratis para uso comercial?

Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Safari en React?

Instala @iconify/react y renderiza <Icon icon="ls:safari" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Safari a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/safari.svg" alt="Icono Safari">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Ligature Symbols →