ICONYZ
Español
Icono Tide High de Meteocons

Icono Tide High

meteocons:tide-high

El icono Tide High (meteocons:tide-high) es un icono SVG gratuito de la colección Meteocons de Bas Milius. Está dibujado en una cuadrícula de 512 × 512. Meteocons icons se publican bajo la licencia MIT, 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
Meteocons
Autor
Bas Milius
Licencia
MIT
Tamaño
512 × 512
Etiquetas
tidehigh
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><symbol id="SVGDq9tTcrf" viewBox="-4 -4 252 100"><path fill="none" stroke="#2885c7" stroke-linecap="round" stroke-linejoin="round" stroke-width="12"><animate attributeName="d" calcMode="spline" dur="3s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" values="M 242 24.63 h -8 c -10.92 0 -20.85 -11.66 -26 -21.39 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 157.15 13 152 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 101.15 13 96 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 S 45.15 13 40 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 H 2 V 59 A 16.14 16.14 0 0 0 18 75 H 226 a 16.14 16.14 0 0 0 16 -16.3 Z; M 242 24.63 h -8 c -10.92 0 -20.85 -11.66 -26 -21.39 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 157.15 13 152 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 101.15 13 96 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 S 45.15 13 40 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 H 2 V 74 A 16.14 16.14 0 0 0 18 90 H 226 a 16.14 16.14 0 0 0 16 -16.3 Z; M 242 24.63 h -8 c -10.92 0 -20.85 -11.66 -26 -21.39 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 157.15 13 152 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15.05 21.39 -26 21.39 S 101.15 13 96 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 S 45.15 13 40 3.24 a 2.28 2.28 0 0 0 -4.06 0 c -5.12 9.73 -15 21.39 -26 21.39 H 2 V 59 A 16.14 16.14 0 0 0 18 75 H 226 a 16.14 16.14 0 0 0 16 -16.3 Z"/><animateTransform additive="sum" attributeName="transform" calcMode="spline" dur="3s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="translate" values="0 15; 0 0; 0 15"/></path></symbol></defs><use width="252" height="100" href="#SVGDq9tTcrf" transform="translate(130 238)"/><path fill="none" stroke="#374151" stroke-linecap="round" stroke-linejoin="round" stroke-width="12" d="M256 218v-72l-24 27.6l24-27.6l24 27.6"><animateTransform additive="sum" attributeName="transform" calcMode="spline" dur="3s" keySplines=".42, 0, .58, 1; .42, 0, .58, 1" repeatCount="indefinite" type="translate" values="0 0; 0 -37; 0 0"/></path></svg>

Cómo usar el icono Tide High

React

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

<Icon icon="meteocons:tide-high" width="24" />

Vue

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

<template>
  <Icon icon="meteocons:tide-high" width="24" />
</template>

Svelte

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

<Icon icon="meteocons:tide-high" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[meteocons--tide-high]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/meteocons -->
<div class="i-meteocons:tide-high"></div>

Web component

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

<iconify-icon icon="meteocons:tide-high"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/meteocons/tide-high.svg" alt="Icono Tide High" width="24" height="24">

Iconos relacionados en Meteocons

Icono tide-high-fill
tide-high-fill
 Icono tide-low
tide-low
 Icono tide-low-fill
tide-low-fill

Preguntas frecuentes sobre Icono Tide High

¿El icono Tide High es gratis para uso comercial?

Sí. Meteocons icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Tide High en React?

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

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

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

Ver todos los Iconos Meteocons →