Contactless Off Rounded アイコン
material-symbols-light:contactless-off-rounded
Contactless Off Rounded アイコン(material-symbols-light:contactless-off-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ビジネス
- タグ
- contactlessoff、offrounded、contactlessoffrounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.221 16.483q.195.078.4.002t.271-.283q.095-.264.157-.51q.063-.248.093-.511l-.878-.879q-.031.384-.112.766t-.217.76q-.068.183.02.382t.266.273m-3.244-1.32q.208.073.4-.012q.192-.086.26-.288q.2-.669.293-1.385q.093-.717.074-1.436l-1.067-1.073q.061.252.077.51q.015.257.015.521q0 .638-.082 1.28q-.081.643-.256 1.256q-.068.195.018.374q.085.18.268.253M7.669 13.75q.233.098.435.01t.263-.34q.081-.362.121-.707q.04-.346.04-.713t-.04-.712t-.12-.707q-.062-.252-.264-.34t-.435.009q-.157.067-.236.228q-.08.16-.043.33q.05.288.094.596q.045.308.045.596t-.045.596t-.094.596q-.036.17.043.327q.078.158.236.231M11.975 21q-1.863 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858q-.711-1.642-.711-3.506q0-1.683.571-3.165t1.6-2.668h1.008l12.83 12.856h-1.407L2.221 3.643q-.146-.147-.146-.348t.146-.347q.166-.165.367-.165t.347.165l18.484 18.51q.147.146.169.347t-.144.366q-.146.146-.347.146t-.366-.146l-3.154-3.148q-1.161.935-2.578 1.456T11.975 21m7.389-4.858q-.212 0-.392-.07q-.18-.072-.341-.234l-3.133-3.132q.03-.173.03-.353V12q0-1.092-.152-2.151q-.153-1.059-.484-2.051q-.067-.208-.265-.296q-.198-.089-.412.015q-.176.073-.262.272q-.086.2-.018.382q.257.837.414 1.73t.168 1.824l-6.38-6.38q-.162-.162-.23-.34t-.069-.388q0-.292.144-.522t.416-.366q.829-.367 1.723-.548T11.975 3q1.864 0 3.506.71q1.642.711 2.858 1.927q1.215 1.215 1.926 2.857t.71 3.506q0 .96-.184 1.854q-.183.894-.545 1.723q-.13.292-.36.429q-.23.136-.522.136"/></svg>Contactless Off Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:contactless-off-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:contactless-off-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:contactless-off-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--contactless-off-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:contactless-off-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:contactless-off-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/contactless-off-rounded.svg" alt="Contactless Off Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Contactless Off Rounded アイコン
Contactless Off Rounded アイコン のよくある質問
Contactless Off Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Contactless Off Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:contactless-off-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Contactless Off Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/contactless-off-rounded.svg" alt="Contactless Off Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。