ICONYZ
日本語
Material Symbols Light の Emergency Share Outline Rounded アイコン

Emergency Share Outline Rounded アイコン

material-symbols-light:emergency-share-outline-rounded

Emergency Share Outline Rounded アイコン(material-symbols-light:emergency-share-outline-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
カテゴリ
家庭用品
タグ
alert、attention、caution、danger、emergency、important、notification、share、warning、maps、emergencyshare、shareoutline、outlinerounded、emergencyshareoutlinerounded
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21.325q1.875-1.775 2.938-3.412T16 15.15q0-1.725-1.162-2.937T12 11t-2.838 1.213T8 15.15q0 1.125 1.063 2.763T12 21.325m3.551-9.818Q17 13.015 17 15.15q0 .729-.287 1.522t-.818 1.633t-1.312 1.738t-1.756 1.851q-.18.162-.393.25q-.212.087-.434.087t-.434-.088t-.393-.249q-.994-.971-1.775-1.89t-1.316-1.77t-.809-1.629Q7 15.827 7 15.15q0-2.135 1.448-3.643Q9.895 10 11.997 10t3.553 1.507m-2.758 4.282q.323-.327.323-.793q0-.467-.327-.79q-.327-.321-.793-.321q-.467 0-.79.326q-.321.327-.321.793q0 .467.326.79q.327.322.793.322q.467 0 .79-.327m-2.436-9.666q-.797.238-1.499.721q-.17.11-.377.097t-.344-.15q-.15-.149-.143-.336t.17-.305q.824-.598 1.806-.932q.982-.333 2.032-.333t2.03.333t1.802.932q.164.122.17.317t-.14.34q-.133.135-.34.14q-.208.007-.385-.103q-.702-.483-1.495-.721q-.792-.239-1.642-.239t-1.645.239M12 1.885q-1.627 0-3.148.519T6.073 3.95q-.171.16-.394.166t-.388-.148q-.166-.17-.112-.38q.054-.211.225-.37q1.398-1.149 3.09-1.741q1.69-.593 3.516-.593t3.506.602t3.1 1.75q.17.16.215.373q.044.214-.125.38q-.156.165-.379.155t-.394-.169q-1.258-1.027-2.782-1.559T12 1.885M12 15"/></svg>

Emergency Share Outline Rounded アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:emergency-share-outline-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:emergency-share-outline-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:emergency-share-outline-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--emergency-share-outline-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:emergency-share-outline-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:emergency-share-outline-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/emergency-share-outline-rounded.svg" alt="Emergency Share Outline Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Emergency Share Outline Rounded アイコン

Emergency Share Outline Rounded アイコン のよくある質問

Emergency Share Outline Rounded アイコンは商用利用でも無料ですか?

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Emergency Share Outline Rounded アイコンを使うには?

@iconify/react をインストールして <Icon icon="material-symbols-light:emergency-share-outline-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Emergency Share Outline Rounded アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/emergency-share-outline-rounded.svg" alt="Emergency Share Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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