ios icon
ios-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- ios-fill
- Set
- MingCute Icon
- Style
- Fill
- 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="currentColor" d="M10.645 10.792q.39 0 .68.191q.291.192.45.562q.162.37.162.91q0 .538-.162.91a1.23 1.23 0 0 1-.45.56a1.2 1.2 0 0 1-.68.192q-.39 0-.682-.191a1.25 1.25 0 0 1-.452-.562q-.16-.37-.16-.91q0-.539.16-.91q.16-.37.452-.56q.29-.192.682-.192"/><path fill="currentColor" fill-rule="evenodd" d="M21 16a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5zm-5.275-6.16q-.557 0-.995.193q-.436.195-.688.54q-.249.345-.246.808q-.003.564.37.897t1.017.49l.554.14q.278.066.47.148q.194.082.293.199a.42.42 0 0 1 .102.288a.5.5 0 0 1-.112.326a.73.73 0 0 1-.315.22q-.201.08-.476.08q-.277 0-.499-.084a.8.8 0 0 1-.35-.256a.8.8 0 0 1-.147-.428h-1.042q.012.55.266.923q.256.37.71.559q.459.19 1.075.19q.621 0 1.061-.187q.442-.19.676-.53q.237-.343.24-.81a1.35 1.35 0 0 0-.118-.565a1.3 1.3 0 0 0-.315-.427a1.9 1.9 0 0 0-.483-.306a3.2 3.2 0 0 0-.61-.198l-.459-.11a3 3 0 0 1-.312-.09a1.3 1.3 0 0 1-.26-.126a.6.6 0 0 1-.176-.177a.4.4 0 0 1-.057-.238q0-.164.094-.293a.63.63 0 0 1 .28-.203q.18-.075.444-.074q.387 0 .614.167t.256.467h1.031a1.43 1.43 0 0 0-.243-.8a1.57 1.57 0 0 0-.661-.54a2.35 2.35 0 0 0-.99-.193m-5.08 0q-.68 0-1.22.308a2.2 2.2 0 0 0-.852.89q-.312.584-.313 1.416q0 .831.313 1.415t.853.893q.54.307 1.219.307q.674 0 1.212-.305a2.2 2.2 0 0 0 .855-.893q.316-.585.316-1.417t-.316-1.416a2.17 2.17 0 0 0-.855-.89a2.4 2.4 0 0 0-1.212-.308m-4.222 1.342V15H7.48v-3.818zm.531-1.564a.57.57 0 0 0-.404.16a.51.51 0 0 0 0 .756a.57.57 0 0 0 .404.156a.57.57 0 0 0 .403-.157a.506.506 0 0 0 0-.756a.56.56 0 0 0-.403-.159" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteIosFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.645 10.792q.39 0 .68.191q.291.192.45.562q.162.37.162.91q0 .538-.162.91a1.23 1.23 0 0 1-.45.56a1.2 1.2 0 0 1-.68.192q-.39 0-.682-.191a1.25 1.25 0 0 1-.452-.562q-.16-.37-.16-.91q0-.539.16-.91q.16-.37.452-.56q.29-.192.682-.192"/><path fill="currentColor" fillRule="evenodd" d="M21 16a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5zm-5.275-6.16q-.557 0-.995.193q-.436.195-.688.54q-.249.345-.246.808q-.003.564.37.897t1.017.49l.554.14q.278.066.47.148q.194.082.293.199a.42.42 0 0 1 .102.288a.5.5 0 0 1-.112.326a.73.73 0 0 1-.315.22q-.201.08-.476.08q-.277 0-.499-.084a.8.8 0 0 1-.35-.256a.8.8 0 0 1-.147-.428h-1.042q.012.55.266.923q.256.37.71.559q.459.19 1.075.19q.621 0 1.061-.187q.442-.19.676-.53q.237-.343.24-.81a1.35 1.35 0 0 0-.118-.565a1.3 1.3 0 0 0-.315-.427a1.9 1.9 0 0 0-.483-.306a3.2 3.2 0 0 0-.61-.198l-.459-.11a3 3 0 0 1-.312-.09a1.3 1.3 0 0 1-.26-.126a.6.6 0 0 1-.176-.177a.4.4 0 0 1-.057-.238q0-.164.094-.293a.63.63 0 0 1 .28-.203q.18-.075.444-.074q.387 0 .614.167t.256.467h1.031a1.43 1.43 0 0 0-.243-.8a1.57 1.57 0 0 0-.661-.54a2.35 2.35 0 0 0-.99-.193m-5.08 0q-.68 0-1.22.308a2.2 2.2 0 0 0-.852.89q-.312.584-.313 1.416q0 .831.313 1.415t.853.893q.54.307 1.219.307q.674 0 1.212-.305a2.2 2.2 0 0 0 .855-.893q.316-.585.316-1.417t-.316-1.416a2.17 2.17 0 0 0-.855-.89a2.4 2.4 0 0 0-1.212-.308m-4.222 1.342V15H7.48v-3.818zm.531-1.564a.57.57 0 0 0-.404.16a.51.51 0 0 0 0 .756a.57.57 0 0 0 .404.156a.57.57 0 0 0 .403-.157a.506.506 0 0 0 0-.756a.56.56 0 0 0-.403-.159" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.645 10.792q.39 0 .68.191q.291.192.45.562q.162.37.162.91q0 .538-.162.91a1.23 1.23 0 0 1-.45.56a1.2 1.2 0 0 1-.68.192q-.39 0-.682-.191a1.25 1.25 0 0 1-.452-.562q-.16-.37-.16-.91q0-.539.16-.91q.16-.37.452-.56q.29-.192.682-.192"/><path fill="currentColor" fill-rule="evenodd" d="M21 16a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5zm-5.275-6.16q-.557 0-.995.193q-.436.195-.688.54q-.249.345-.246.808q-.003.564.37.897t1.017.49l.554.14q.278.066.47.148q.194.082.293.199a.42.42 0 0 1 .102.288a.5.5 0 0 1-.112.326a.73.73 0 0 1-.315.22q-.201.08-.476.08q-.277 0-.499-.084a.8.8 0 0 1-.35-.256a.8.8 0 0 1-.147-.428h-1.042q.012.55.266.923q.256.37.71.559q.459.19 1.075.19q.621 0 1.061-.187q.442-.19.676-.53q.237-.343.24-.81a1.35 1.35 0 0 0-.118-.565a1.3 1.3 0 0 0-.315-.427a1.9 1.9 0 0 0-.483-.306a3.2 3.2 0 0 0-.61-.198l-.459-.11a3 3 0 0 1-.312-.09a1.3 1.3 0 0 1-.26-.126a.6.6 0 0 1-.176-.177a.4.4 0 0 1-.057-.238q0-.164.094-.293a.63.63 0 0 1 .28-.203q.18-.075.444-.074q.387 0 .614.167t.256.467h1.031a1.43 1.43 0 0 0-.243-.8a1.57 1.57 0 0 0-.661-.54a2.35 2.35 0 0 0-.99-.193m-5.08 0q-.68 0-1.22.308a2.2 2.2 0 0 0-.852.89q-.312.584-.313 1.416q0 .831.313 1.415t.853.893q.54.307 1.219.307q.674 0 1.212-.305a2.2 2.2 0 0 0 .855-.893q.316-.585.316-1.417t-.316-1.416a2.17 2.17 0 0 0-.855-.89a2.4 2.4 0 0 0-1.212-.308m-4.222 1.342V15H7.48v-3.818zm.531-1.564a.57.57 0 0 0-.404.16a.51.51 0 0 0 0 .756a.57.57 0 0 0 .404.156a.57.57 0 0 0 .403-.157a.506.506 0 0 0 0-.756a.56.56 0 0 0-.403-.159" clip-rule="evenodd"/></svg> </template>
CSS
.icon-ios-fill {
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%22currentColor%22%20d%3D%22M10.645%2010.792q.39%200%20.68.191q.291.192.45.562q.162.37.162.91q0%20.538-.162.91a1.23%201.23%200%200%201-.45.56a1.2%201.2%200%200%201-.68.192q-.39%200-.682-.191a1.25%201.25%200%200%201-.452-.562q-.16-.37-.16-.91q0-.539.16-.91q.16-.37.452-.56q.29-.192.682-.192%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2016a5%205%200%200%201-5%205H8a5%205%200%200%201-5-5V8a5%205%200%200%201%205-5h8a5%205%200%200%201%205%205zm-5.275-6.16q-.557%200-.995.193q-.436.195-.688.54q-.249.345-.246.808q-.003.564.37.897t1.017.49l.554.14q.278.066.47.148q.194.082.293.199a.42.42%200%200%201%20.102.288a.5.5%200%200%201-.112.326a.73.73%200%200%201-.315.22q-.201.08-.476.08q-.277%200-.499-.084a.8.8%200%200%201-.35-.256a.8.8%200%200%201-.147-.428h-1.042q.012.55.266.923q.256.37.71.559q.459.19%201.075.19q.621%200%201.061-.187q.442-.19.676-.53q.237-.343.24-.81a1.35%201.35%200%200%200-.118-.565a1.3%201.3%200%200%200-.315-.427a1.9%201.9%200%200%200-.483-.306a3.2%203.2%200%200%200-.61-.198l-.459-.11a3%203%200%200%201-.312-.09a1.3%201.3%200%200%201-.26-.126a.6.6%200%200%201-.176-.177a.4.4%200%200%201-.057-.238q0-.164.094-.293a.63.63%200%200%201%20.28-.203q.18-.075.444-.074q.387%200%20.614.167t.256.467h1.031a1.43%201.43%200%200%200-.243-.8a1.57%201.57%200%200%200-.661-.54a2.35%202.35%200%200%200-.99-.193m-5.08%200q-.68%200-1.22.308a2.2%202.2%200%200%200-.852.89q-.312.584-.313%201.416q0%20.831.313%201.415t.853.893q.54.307%201.219.307q.674%200%201.212-.305a2.2%202.2%200%200%200%20.855-.893q.316-.585.316-1.417t-.316-1.416a2.17%202.17%200%200%200-.855-.89a2.4%202.4%200%200%200-1.212-.308m-4.222%201.342V15H7.48v-3.818zm.531-1.564a.57.57%200%200%200-.404.16a.51.51%200%200%200%200%20.756a.57.57%200%200%200%20.404.156a.57.57%200%200%200%20.403-.157a.506.506%200%200%200%200-.756a.56.56%200%200%200-.403-.159%22%20clip-rule%3D%22evenodd%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%22currentColor%22%20d%3D%22M10.645%2010.792q.39%200%20.68.191q.291.192.45.562q.162.37.162.91q0%20.538-.162.91a1.23%201.23%200%200%201-.45.56a1.2%201.2%200%200%201-.68.192q-.39%200-.682-.191a1.25%201.25%200%200%201-.452-.562q-.16-.37-.16-.91q0-.539.16-.91q.16-.37.452-.56q.29-.192.682-.192%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2016a5%205%200%200%201-5%205H8a5%205%200%200%201-5-5V8a5%205%200%200%201%205-5h8a5%205%200%200%201%205%205zm-5.275-6.16q-.557%200-.995.193q-.436.195-.688.54q-.249.345-.246.808q-.003.564.37.897t1.017.49l.554.14q.278.066.47.148q.194.082.293.199a.42.42%200%200%201%20.102.288a.5.5%200%200%201-.112.326a.73.73%200%200%201-.315.22q-.201.08-.476.08q-.277%200-.499-.084a.8.8%200%200%201-.35-.256a.8.8%200%200%201-.147-.428h-1.042q.012.55.266.923q.256.37.71.559q.459.19%201.075.19q.621%200%201.061-.187q.442-.19.676-.53q.237-.343.24-.81a1.35%201.35%200%200%200-.118-.565a1.3%201.3%200%200%200-.315-.427a1.9%201.9%200%200%200-.483-.306a3.2%203.2%200%200%200-.61-.198l-.459-.11a3%203%200%200%201-.312-.09a1.3%201.3%200%200%201-.26-.126a.6.6%200%200%201-.176-.177a.4.4%200%200%201-.057-.238q0-.164.094-.293a.63.63%200%200%201%20.28-.203q.18-.075.444-.074q.387%200%20.614.167t.256.467h1.031a1.43%201.43%200%200%200-.243-.8a1.57%201.57%200%200%200-.661-.54a2.35%202.35%200%200%200-.99-.193m-5.08%200q-.68%200-1.22.308a2.2%202.2%200%200%200-.852.89q-.312.584-.313%201.416q0%20.831.313%201.415t.853.893q.54.307%201.219.307q.674%200%201.212-.305a2.2%202.2%200%200%200%20.855-.893q.316-.585.316-1.417t-.316-1.416a2.17%202.17%200%200%200-.855-.89a2.4%202.4%200%200%200-1.212-.308m-4.222%201.342V15H7.48v-3.818zm.531-1.564a.57.57%200%200%200-.404.16a.51.51%200%200%200%200%20.756a.57.57%200%200%200%20.404.156a.57.57%200%200%200%20.403-.157a.506.506%200%200%200%200-.756a.56.56%200%200%200-.403-.159%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/ios-fill.svg?color=%231a73e8&size=48
