ios icon
ios-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- ios-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the ios icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function MingcuteIosLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeWidth="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" fillRule="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" clipRule="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-ios-line {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M4%208a4%204%200%200%201%204-4h8a4%204%200%200%201%204%204v8a4%204%200%200%201-4%204H8a4%204%200%200%201-4-4z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.74%209.84q.566%200%20.989.194q.425.194.661.54q.236.345.243.8h-1.03a.63.63%200%200%200-.257-.468q-.225-.166-.614-.167a1.2%201.2%200%200%200-.444.075a.63.63%200%200%200-.28.202a.5.5%200%200%200-.093.293a.4.4%200%200%200%20.056.239a.6.6%200%200%200%20.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%201.4%200%200%201-.24.81q-.232.34-.675.53q-.441.186-1.062.186q-.616%200-1.074-.188a1.57%201.57%200%200%201-.711-.56q-.253-.372-.266-.922h1.042a.8.8%200%200%200%20.147.427a.8.8%200%200%200%20.35.257q.222.084.5.084q.273%200%20.475-.08a.73.73%200%200%200%20.315-.22a.5.5%200%200%200%20.112-.326a.42.42%200%200%200-.102-.29a.8.8%200%200%200-.293-.197a3%203%200%200%200-.47-.15l-.554-.138q-.644-.158-1.017-.49q-.372-.334-.37-.898q-.003-.463.246-.808q.252-.345.689-.539a2.4%202.4%200%200%201%20.994-.194%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.66%209.84q.673%200%201.213.308q.54.305.854.89q.316.585.316%201.417t-.316%201.417a2.2%202.2%200%200%201-.854.893q-.54.305-1.213.305q-.68%200-1.22-.308a2.2%202.2%200%200%201-.852-.893q-.312-.584-.312-1.414q0-.832.312-1.417q.314-.585.853-.89q.54-.308%201.219-.308m0%20.952q-.39%200-.682.191a1.25%201.25%200%200%200-.452.562q-.16.37-.16.91q0%20.539.16.91q.162.37.452.562q.292.19.682.191q.39%200%20.68-.191q.292-.192.45-.563q.162-.37.162-.909q0-.54-.162-.91a1.23%201.23%200%200%200-.45-.562a1.2%201.2%200%200%200-.68-.191%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.497%2015.001H6.438v-3.818h1.059zM6.97%209.62q.236%200%20.403.158t.168.375a.5.5%200%200%201-.168.381a.57.57%200%200%201-.404.156a.57.57%200%200%201-.404-.156a.51.51%200%200%201%200-.756a.57.57%200%200%201%20.404-.159%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M4%208a4%204%200%200%201%204-4h8a4%204%200%200%201%204%204v8a4%204%200%200%201-4%204H8a4%204%200%200%201-4-4z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.74%209.84q.566%200%20.989.194q.425.194.661.54q.236.345.243.8h-1.03a.63.63%200%200%200-.257-.468q-.225-.166-.614-.167a1.2%201.2%200%200%200-.444.075a.63.63%200%200%200-.28.202a.5.5%200%200%200-.093.293a.4.4%200%200%200%20.056.239a.6.6%200%200%200%20.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%201.4%200%200%201-.24.81q-.232.34-.675.53q-.441.186-1.062.186q-.616%200-1.074-.188a1.57%201.57%200%200%201-.711-.56q-.253-.372-.266-.922h1.042a.8.8%200%200%200%20.147.427a.8.8%200%200%200%20.35.257q.222.084.5.084q.273%200%20.475-.08a.73.73%200%200%200%20.315-.22a.5.5%200%200%200%20.112-.326a.42.42%200%200%200-.102-.29a.8.8%200%200%200-.293-.197a3%203%200%200%200-.47-.15l-.554-.138q-.644-.158-1.017-.49q-.372-.334-.37-.898q-.003-.463.246-.808q.252-.345.689-.539a2.4%202.4%200%200%201%20.994-.194%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.66%209.84q.673%200%201.213.308q.54.305.854.89q.316.585.316%201.417t-.316%201.417a2.2%202.2%200%200%201-.854.893q-.54.305-1.213.305q-.68%200-1.22-.308a2.2%202.2%200%200%201-.852-.893q-.312-.584-.312-1.414q0-.832.312-1.417q.314-.585.853-.89q.54-.308%201.219-.308m0%20.952q-.39%200-.682.191a1.25%201.25%200%200%200-.452.562q-.16.37-.16.91q0%20.539.16.91q.162.37.452.562q.292.19.682.191q.39%200%20.68-.191q.292-.192.45-.563q.162-.37.162-.909q0-.54-.162-.91a1.23%201.23%200%200%200-.45-.562a1.2%201.2%200%200%200-.68-.191%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.497%2015.001H6.438v-3.818h1.059zM6.97%209.62q.236%200%20.403.158t.168.375a.5.5%200%200%201-.168.381a.57.57%200%200%201-.404.156a.57.57%200%200%201-.404-.156a.51.51%200%200%201%200-.756a.57.57%200%200%201%20.404-.159%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/ios-line.svg?color=%231a73e8&size=48
