Ícone Ios Line
mingcute:ios-line
O ícone Ios Line (mingcute:ios-line) é um ícone SVG gratuito da coleção MingCute Icon de MingCute Design. Ele é desenhado em uma grade de 24 × 24. MingCute Icon icons são publicados sob a licença Apache 2.0, 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
- MingCute Icon
- Autor
- MingCute Design
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Tags
- iosline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="2" d="M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z"/><path fill="currentColor" d="M15.74 9.84q.566 0 .989.194q.425.194.661.54q.236.345.243.8h-1.03a.63.63 0 0 0-.257-.468q-.225-.166-.614-.167a1.2 1.2 0 0 0-.444.075a.63.63 0 0 0-.28.202a.5.5 0 0 0-.093.293a.4.4 0 0 0 .056.239a.6.6 0 0 0 .177.176q.112.072.259.127q.146.052.312.09l.458.109q.333.075.612.199t.482.306q.203.18.315.426q.115.246.118.565a1.4 1.4 0 0 1-.24.81q-.232.34-.675.53q-.441.186-1.062.186q-.616 0-1.074-.188a1.57 1.57 0 0 1-.711-.56q-.253-.372-.266-.922h1.042a.8.8 0 0 0 .147.427a.8.8 0 0 0 .35.257q.222.084.5.084q.273 0 .475-.08a.73.73 0 0 0 .315-.22a.5.5 0 0 0 .112-.326a.42.42 0 0 0-.102-.29a.8.8 0 0 0-.293-.197a3 3 0 0 0-.47-.15l-.554-.138q-.644-.158-1.017-.49q-.372-.334-.37-.898q-.003-.463.246-.808q.252-.345.689-.539a2.4 2.4 0 0 1 .994-.194"/><path fill="currentColor" fill-rule="evenodd" d="M10.66 9.84q.673 0 1.213.308q.54.305.854.89q.316.585.316 1.417t-.316 1.417a2.2 2.2 0 0 1-.854.893q-.54.305-1.213.305q-.68 0-1.22-.308a2.2 2.2 0 0 1-.852-.893q-.312-.584-.312-1.414q0-.832.312-1.417q.314-.585.853-.89q.54-.308 1.219-.308m0 .952q-.39 0-.682.191a1.25 1.25 0 0 0-.452.562q-.16.37-.16.91q0 .539.16.91q.162.37.452.562q.292.19.682.191q.39 0 .68-.191q.292-.192.45-.563q.162-.37.162-.909q0-.54-.162-.91a1.23 1.23 0 0 0-.45-.562a1.2 1.2 0 0 0-.68-.191" clip-rule="evenodd"/><path fill="currentColor" d="M7.497 15.001H6.438v-3.818h1.059zM6.97 9.62q.236 0 .403.158t.168.375a.5.5 0 0 1-.168.381a.57.57 0 0 1-.404.156a.57.57 0 0 1-.404-.156a.51.51 0 0 1 0-.756a.57.57 0 0 1 .404-.159"/></svg>Como usar o ícone Ios Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:ios-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:ios-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:ios-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--ios-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:ios-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:ios-line"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/mingcute/ios-line.svg" alt="Ícone Ios Line" width="24" height="24">Ícones relacionados em MingCute Icon
Perguntas frequentes sobre Ícone Ios Line
O ícone Ios Line é grátis para uso comercial?
Sim. MingCute Icon icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Ios Line no React?
Instale @iconify/react e renderize <Icon icon="mingcute:ios-line" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Ios Line a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/mingcute/ios-line.svg" alt="Ícone Ios Line">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.