Sick Outline Rounded アイコン
material-symbols:sick-outline-rounded
Sick Outline Rounded アイコン(material-symbols:sick-outline-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="M11.95 2q1.575 0 3.075.475t2.75 1.35q.35.25.4.663t-.225.737q-.275.35-.7.4t-.775-.225q-.9-.7-2.113-1.05T11.95 4Q9.475 4 7.688 5.3T4.85 8.425q-.2.375-.587.525T3.5 8.925q-.4-.2-.525-.6t.075-.775Q4.325 5.2 6.588 3.6T11.95 2m-.075 20Q9.1 22 6.788 20.513T3.075 16.6q-.2-.375-.1-.8t.45-.65t.75-.112t.6.462Q5.9 17.475 7.75 18.738T11.875 20q3.375 0 5.75-2.35T20 11.975q-.05-.4.275-.7T21 11q.5.025.738.3t.262.725q0 2.075-.788 3.9T19.05 19.1t-3.225 2.125t-3.95.775M8.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-.538zM8.125 17q.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 Outline Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:sick-outline-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:sick-outline-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:sick-outline-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--sick-outline-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:sick-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:sick-outline-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/sick-outline-rounded.svg" alt="Sick Outline Rounded アイコン" width="24" height="24">Material Symbols の関連アイコン
他のアイコンセットの Sick Outline Rounded アイコン
Sick Outline Rounded アイコン のよくある質問
Sick Outline Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sick Outline Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:sick-outline-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sick Outline Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/sick-outline-rounded.svg" alt="Sick Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。