ICONYZ
日本語
Material Symbols Light の Head Mounted Device Rounded アイコン

Head Mounted Device Rounded アイコン

material-symbols-light:head-mounted-device-rounded

Head Mounted Device Rounded アイコン(material-symbols-light:head-mounted-device-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: 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 コード

<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>

Web コンポーネント

<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Head Mounted Device Rounded アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Symbols Light アイコン をすべて見る →