Ícone Horizon Alt
wi:horizon-alt
O ícone Horizon Alt (wi:horizon-alt) é um ícone SVG gratuito da coleção Weather Icons de Erik Flowers. Ele é desenhado em uma grade de 30 × 30. Weather Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Weather Icons
- Autor
- Erik Flowers
- Licença
- OFL-1.1
- Tamanho
- 30 × 30
- Tags
- horizonalt
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.11 15.9c0-.26.09-.47.27-.62c.14-.15.35-.23.62-.23h2.08c.24 0 .45.08.6.24q.24.24.24.6c0 .24-.08.44-.24.61s-.36.25-.6.25H5c-.24 0-.45-.08-.63-.25a.76.76 0 0 1-.26-.6m.92 5.08c0-.23.09-.43.26-.61c.16-.16.37-.23.61-.23h18.21c.24 0 .45.08.62.24s.25.36.25.6s-.09.44-.26.61s-.38.26-.61.26H5.91c-.24 0-.44-.09-.61-.26s-.27-.37-.27-.61M7.08 8.81c0-.26.08-.45.23-.59c.17-.18.38-.27.62-.27s.44.09.61.27l1.44 1.46c.18.16.26.36.26.6a.82.82 0 0 1-.84.85q-.33 0-.6-.24L7.31 9.42c-.15-.14-.23-.34-.23-.61m2.6 7.09c0 .87.18 1.65.53 2.33c.03.09.11.14.24.14h1.67c.07 0 .12-.02.14-.06s-.01-.1-.07-.16c-.53-.65-.8-1.4-.8-2.25c0-.99.36-1.84 1.07-2.54q1.065-1.05 2.55-1.05t2.55 1.05c1.065 1.05 1.05 1.55 1.05 2.54c0 .86-.27 1.61-.8 2.25q-.06.09-.06.12c-.01.03 0 .06.03.07c.02.02.06.03.1.03h1.7c.09 0 .16-.05.21-.14c.38-.71.56-1.48.56-2.33q0-1.44-.72-2.67t-1.95-1.95c-1.23-.72-1.71-.72-2.67-.72s-1.85.24-2.67.72q-1.23.72-1.95 1.95c-.48.82-.71 1.71-.71 2.67m4.47-7.93V5.88c0-.24.08-.44.25-.62s.37-.26.61-.26s.44.09.62.26c.17.17.26.38.26.62v2.09c0 .24-.09.44-.26.62c-.18.18-.38.26-.62.26s-.44-.09-.61-.26a.86.86 0 0 1-.25-.62m5.62 2.31q0-.36.24-.6l1.44-1.46c.17-.18.38-.27.62-.27c.25 0 .46.08.62.25c.17.17.25.37.25.61c0 .26-.08.46-.23.61l-1.51 1.47c-.16.15-.36.22-.59.22a.8.8 0 0 1-.61-.22a.84.84 0 0 1-.23-.61m2.33 5.62c0-.27.08-.47.24-.62c.14-.15.34-.23.59-.23h2.09c.24 0 .45.08.62.24s.26.36.26.6s-.09.44-.26.61a.86.86 0 0 1-.62.25h-2.09c-.23 0-.43-.08-.59-.25a.8.8 0 0 1-.24-.6"/></svg>Como usar o ícone Horizon Alt
React
import { Icon } from "@iconify/react";
<Icon icon="wi:horizon-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:horizon-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:horizon-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--horizon-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:horizon-alt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:horizon-alt"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/wi/horizon-alt.svg" alt="Ícone Horizon Alt" width="24" height="24">Ícones relacionados em Weather Icons
O ícone Horizon Alt em outras coleções
Perguntas frequentes sobre Ícone Horizon Alt
O ícone Horizon Alt é grátis para uso comercial?
Sim. Weather Icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Horizon Alt no React?
Instale @iconify/react e renderize <Icon icon="wi:horizon-alt" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Horizon Alt a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/wi/horizon-alt.svg" alt="Ícone Horizon Alt">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.