Иконка Head Mounted Device Rounded
material-symbols-light:head-mounted-device-rounded
Иконка Head Mounted Device Rounded (material-symbols-light:head-mounted-device-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
- Категория
- Оборудование
- Теги
- headmounted, mounteddevice, devicerounded, headmounteddevicerounded
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.789 17q-1.362 0-2.325-.935q-.964-.934-.964-2.277v-3.67q0-1.006.656-1.757t1.656-.938q1.31-.237 2.594-.34Q10.69 6.982 12 6.982t2.607.093t2.582.349q1 .193 1.655.94t.656 1.754v3.671q0 1.362-.973 2.287T16.192 17h-.942q-.267 0-.525-.047t-.52-.134l-1.484-.473q-.358-.125-.721-.125t-.721.125l-1.504.473q-.261.087-.52.134q-.257.047-.524.047zm0-1h.942q.194 0 .376-.034q.182-.035.37-.085q.629-.206 1.24-.417q.61-.212 1.283-.212t1.287.209l1.236.42q.189.05.36.085q.173.034.367.034h.942q.94 0 1.624-.645q.684-.646.684-1.567v-3.67q0-.647-.427-1.124t-1.067-.602q-1.243-.255-2.488-.333T12 7.98t-2.516.09t-2.49.321q-.64.12-1.067.6T5.5 10.116v3.671q0 .922.674 1.567T7.789 16m-5.347-2.212q-.17 0-.307-.135Q2 13.517 2 13.346v-2.788q0-.171.136-.297q.135-.126.306-.126t.297.126t.127.297v2.808q0 .17-.117.297q-.116.126-.307.126m19.135 0q-.171 0-.307-.136t-.135-.307v-2.788q0-.171.135-.297q.136-.126.307-.126t.297.126t.126.297v2.808q0 .17-.116.297q-.117.126-.307.126M7.789 16q-.941 0-1.615-.645T5.5 13.788v-3.67q0-.647.427-1.127t1.067-.599q1.248-.23 2.49-.32Q10.728 7.98 12 7.98t2.518.078t2.488.333q.64.125 1.067.602t.427 1.123v3.671q0 .922-.684 1.567q-.683.645-1.624.645h-.942q-.194 0-.366-.034q-.173-.035-.361-.085l-1.237-.42q-.613-.209-1.286-.209t-1.284.212t-1.239.417q-.188.05-.37.084Q8.925 16 8.73 16z"/></svg>
Как использовать иконку Head Mounted Device Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:head-mounted-device-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:head-mounted-device-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:head-mounted-device-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--head-mounted-device-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:head-mounted-device-rounded"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:head-mounted-device-rounded"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/head-mounted-device-rounded.svg" alt="Иконка Head Mounted Device Rounded" width="24" height="24">
Похожие иконки в наборе Material Symbols Light
Иконка Head Mounted Device Rounded в других наборах
Вопросы и ответы: Иконка Head Mounted Device Rounded
Можно ли бесплатно использовать иконку Head Mounted Device Rounded в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Head Mounted Device Rounded в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:head-mounted-device-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Head Mounted Device Rounded на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/head-mounted-device-rounded.svg" alt="Иконка Head Mounted Device Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Symbols Light →
