Sick Rounded アイコン
material-symbols:sick-rounded
Sick Rounded アイコン(material-symbols:sick-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
- カテゴリ
- ソーシャル
- タグ
- covid、discomfort、emotions、expressions、face、feelings、fever、flu、ill、mood、pain、person、sick、survey、upset、social
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m8.4 9.475l-.55.55q-.225.225-.212.525t.237.525t.525.225t.525-.225L9.8 10.2q.3-.3.3-.7t-.3-.7l-.9-.9q-.2-.2-.525-.2t-.525.2q-.225.225-.225.525t.225.525zm11.188-1.062Q19 7.825 19 7q0-.9.55-1.775t1.025-1.6q.075-.125.188-.175T21 3.4t.238.05t.187.175q.475.725 1.025 1.6T23 7q0 .825-.587 1.413T21 9t-1.412-.587m-3.963 1.062l.525-.525q.225-.225.225-.525T16.15 7.9t-.525-.225t-.525.225l-.9.9q-.3.3-.3.7t.3.7l.9.9q.225.225.537.212t.538-.237t.225-.537t-.225-.538zM12 22q-2.1 0-3.925-.788T4.9 19.075T2.775 15.9T2 12t.775-3.9T4.9 4.925t3.175-2.138T12 2q1.575 0 3 .45t2.625 1.25q.35.25.45.663t-.1.812q-.2.425-.338.875T17.5 7q0 1.425.963 2.413t2.362 1.087q.425.05.763.288t.387.662q.025.125.025.275V12q0 2.075-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m-3.875-5q.175 0 .363-.1t.287-.25q.55-.75 1.375-1.2T12 15t1.85.45t1.375 1.2q.1.15.275.25t.35.1q.45 0 .663-.4t-.088-.85q-.65-.975-1.825-1.612T12 13.5q-.65 0-1.275.138t-1.175.412L6 12q0-.4-.2-.75t-.55-.55q-.55-.3-1.137-.137t-.913.687q-.3.55-.137 1.138t.687.912q.35.2.75.2t.75-.2L8.2 15q-.2.2-.35.4l-.3.4q-.275.425-.062.813t.637.387"/></svg>Sick Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:sick-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:sick-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:sick-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--sick-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:sick-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:sick-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/sick-rounded.svg" alt="Sick Rounded アイコン" width="24" height="24">Material Symbols の関連アイコン
他のアイコンセットの Sick Rounded アイコン
Sick Rounded アイコン のよくある質問
Sick Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sick Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:sick-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sick Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/sick-rounded.svg" alt="Sick Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。