Shield Question Rounded アイコン
material-symbols:shield-question-rounded
Shield Question Rounded アイコン(material-symbols:shield-question-rounded)は、Material Symbols セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- プライバシー
- タグ
- shieldquestion、questionrounded、shieldquestionrounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.738 16.688q.312-.313.312-.738t-.312-.737T12 14.9t-.737.313t-.313.737t.313.738T12 17t.738-.312m-.713-2.788q.3 0 .538-.225t.237-.525q.025-.175.075-.337t.15-.313q.175-.25.388-.45t.412-.4q.425-.425.738-.95t.312-1.15q0-1.125-.862-1.838T12 7q-.8 0-1.475.375T9.45 8.425q-.15.275-.037.55t.412.4q.275.125.55-.012T10.85 9q.225-.275.513-.412T12 8.45q.55 0 .963.325t.412.825q0 .425-.262.788t-.588.662q-.275.275-.55.538t-.475.587q-.125.2-.175.45t-.05.5q0 .325.212.55t.538.225m-.35 7.975q-.15-.025-.3-.075Q8 20.675 6 17.637T4 11.1V6.375q0-.625.363-1.125t.937-.725l6-2.25q.35-.125.7-.125t.7.125l6 2.25q.575.225.938.725T20 6.375V11.1q0 3.5-2 6.538T12.625 21.8q-.15.05-.3.075T12 21.9t-.325-.025"/></svg>Shield Question Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:shield-question-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:shield-question-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:shield-question-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--shield-question-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:shield-question-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:shield-question-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/shield-question-rounded.svg" alt="Shield Question Rounded アイコン" width="24" height="24">Material Symbols の関連アイコン
shield
shield-card
shield-card-outline
shield-card-outline-rounded
shield-card-outline-sharp
shield-card-rounded
shield-card-sharp
shield-lock
shield-lock-outline
shield-lock-outline-rounded
shield-lock-outline-sharp
shield-lock-rounded
shield-lock-sharp
shield-locked
shield-locked-outline
shield-locked-outline-rounded
shield-locked-outline-sharp
shield-locked-rounded
shield-locked-sharp
shield-moon
shield-moon-outline
shield-moon-outline-rounded
shield-moon-rounded
shield-outline
他のアイコンセットの Shield Question Rounded アイコン
Shield Question Rounded アイコン のよくある質問
Shield Question Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shield Question Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:shield-question-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shield Question Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/shield-question-rounded.svg" alt="Shield Question Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。