Иконка Mobile Tap Outline Rounded

material-symbols-light:mobile-tap-outline-rounded

Иконка Mobile Tap Outline Rounded (material-symbols-light:mobile-tap-outline-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Material Symbols Light
Автор: Google
Лицензия: Apache-2.0
Размер: 24 × 24
Категория: Бизнес
Теги: mobiletap, tapoutline, outlinerounded, mobiletapoutlinerounded

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.558 3H20zM4.414 6.339q-.304.628-.372 1.351q-.042.189-.192.326t-.35.138q-.214 0-.354-.14t-.129-.324q.074-.93.463-1.745q.39-.814 1.02-1.445t1.445-1.02t1.745-.463q.183-.011.323.13q.14.14.14.357q0 .204-.137.35t-.325.188q-.724.068-1.352.372q-.63.303-1.125.8q-.497.495-.8 1.124m.202 4.22h7.211q.666 0 1.14.474t.475 1.141V20.5q0 .213-.144.356q-.143.144-.356.144t-.356-.144t-.144-.356v-8.327q0-.27-.173-.442t-.442-.173H4.616q-.27 0-.443.173T4 12.173V20.5q0 .213-.144.356T3.499 21t-.356-.144T3 20.5v-8.327q0-.666.475-1.14t1.14-.475m3.54-2.808q0 .162-.121.283t-.283.12h-.673q-.154 0-.27-.12q-.115-.121-.07-.261q.111-.349.358-.608q.247-.26.574-.391q.187-.056.336.064t.149.34zm.578 6.656q.21-.21.21-.52t-.21-.521t-.52-.211t-.52.21t-.211.52t.21.52q.21.212.52.212t.52-.21m1.97-6.396q-.143-.144-.143-.356V3.5q0-.213.144-.356q.143-.144.356-.144t.356.144t.144.356v4.154q0 .212-.144.356t-.357.144t-.356-.144M19.5 19.5q-.63.63-1.445 1.02t-1.746.463q-.182.011-.323-.13q-.14-.14-.14-.357q0-.204.138-.35q.137-.146.325-.188q.724-.068 1.352-.372q.63-.303 1.125-.8q.497-.496.8-1.125q.305-.628.372-1.352q.042-.188.192-.325t.35-.138q.214 0 .354.14t.129.323q-.073.931-.463 1.746q-.39.814-1.02 1.445m-3.272-2.237q-.14.045-.26-.07q-.122-.116-.122-.27v-.673q0-.161.121-.283q.122-.12.283-.12h.573q.202 0 .328.15q.126.152.076.334q-.13.327-.39.574t-.609.358m3.157-3.82h-3.039q-.212 0-.356-.145q-.144-.143-.144-.356t.144-.356t.356-.144h3.039q.269 0 .442-.173t.173-.442V3.5q0-.213.144-.356T20.501 3t.356.144T21 3.5v8.327q0 .666-.475 1.14t-1.14.475M12.442 21H4z"/></svg>

Как использовать иконку Mobile Tap Outline Rounded

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:mobile-tap-outline-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:mobile-tap-outline-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:mobile-tap-outline-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--mobile-tap-outline-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:mobile-tap-outline-rounded"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols-light:mobile-tap-outline-rounded"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/mobile-tap-outline-rounded.svg" alt="Иконка Mobile Tap Outline Rounded" width="24" height="24">

Иконка Mobile Tap Outline Rounded в других наборах

Вопросы и ответы: Иконка Mobile Tap Outline Rounded

Можно ли бесплатно использовать иконку Mobile Tap Outline Rounded в коммерческих проектах?

Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Mobile Tap Outline Rounded в React?

Установите @iconify/react и выведите <Icon icon="material-symbols-light:mobile-tap-outline-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Mobile Tap Outline Rounded на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/mobile-tap-outline-rounded.svg" alt="Иконка Mobile Tap Outline Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →