Иконка Ios Fill
mingcute:ios-fill
Иконка Ios Fill (mingcute:ios-fill) — бесплатная SVG-иконка из набора MingCute Icon от MingCute Design. Она нарисована на сетке 24 × 24. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- MingCute Icon
- Автор
- MingCute Design
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Теги
- iosfill
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>Как использовать иконку Ios Fill
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:ios-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:ios-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:ios-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--ios-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:ios-fill"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:ios-fill"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/mingcute/ios-fill.svg" alt="Иконка Ios Fill" width="24" height="24">Похожие иконки в наборе MingCute Icon
Вопросы и ответы: Иконка Ios Fill
Можно ли бесплатно использовать иконку Ios Fill в коммерческих проектах?
Да. MingCute Icon icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Ios Fill в React?
Установите @iconify/react и выведите <Icon icon="mingcute:ios-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ios Fill на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/mingcute/ios-fill.svg" alt="Иконка Ios Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.