Иконка Sick Rounded
material-symbols:sick-rounded
Иконка Sick Rounded (material-symbols:sick-rounded) — бесплатная SVG-иконка из набора Material Symbols от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sick Rounded в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.