Ar On You Sharp アイコン
material-symbols:ar-on-you-sharp
Ar On You Sharp アイコン(material-symbols:ar-on-you-sharp)は、Material Symbols セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- オーディオ・ビデオ
- タグ
- aron、onyou、yousharp、aronyousharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.675 6.325Q20 8.65 20 12t-2.325 5.675T12 20t-5.675-2.325T4 12t2.325-5.675T12 4t5.675 2.325m-3.525 8.488q.95-.688 1.35-1.813h-7q.4 1.125 1.35 1.813T12 15.5t2.15-.687m-5.363-4.1Q9.076 11 9.5 11t.713-.288T10.5 10t-.288-.712T9.5 9t-.712.288T8.5 10t.288.713m5 0q.287.287.712.287t.713-.288T15.5 10t-.288-.712T14.5 9t-.712.288T13.5 10t.288.713M1 6V1h5v2H3v3zm0 17v-5h2v3h3v2zm17 0v-2h3v-3h2v5zm3-17V3h-3V1h5v5z"/></svg>Ar On You Sharp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:ar-on-you-sharp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:ar-on-you-sharp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:ar-on-you-sharp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--ar-on-you-sharp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:ar-on-you-sharp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:ar-on-you-sharp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/ar-on-you-sharp.svg" alt="Ar On You Sharp アイコン" width="24" height="24">Material Symbols の関連アイコン
ar-on-you
ar-on-you-outline
ar-on-you-outline-rounded
ar-on-you-outline-sharp
ar-on-you-rounded
ar-stickers
ar-stickers-outline
ar-stickers-outline-sharp
ar-stickers-sharp
architecture
architecture-rounded
archive
archive-outline
archive-outline-rounded
archive-outline-sharp
archive-rounded
archive-sharp
area-chart
area-chart-outline
area-chart-outline-rounded
area-chart-rounded
arming-countdown
arming-countdown-outline
arming-countdown-outline-rounded
他のアイコンセットの Ar On You Sharp アイコン
Ar On You Sharp アイコン のよくある質問
Ar On You Sharp アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ar On You Sharp アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:ar-on-you-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ar On You Sharp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/ar-on-you-sharp.svg" alt="Ar On You Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。