Иконка Sentiment Very Dissatisfied Outline Rounded

material-symbols-light:sentiment-very-dissatisfied-outline-rounded

Иконка Sentiment Very Dissatisfied Outline Rounded (material-symbols-light:sentiment-very-dissatisfied-outline-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Material Symbols Light
Автор: Google
Лицензия: Apache-2.0
Размер: 24 × 24
Категория: Социальное
Теги: angry, disappointed, dislike, dissatisfied, emotions, expressions, face, feelings, mood, person, sad, sentiment, sorrow, survey, unhappy, unsatisfied

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m8.823 10.527l.737.762q.123.123.3.123q.179 0 .327-.149q.123-.122.123-.3t-.124-.326L9.45 9.9l.742-.787q.124-.122.12-.3t-.125-.327q-.148-.123-.326-.123t-.301.124l-.737.736l-.811-.742q-.123-.123-.301-.12q-.178.002-.326.15q-.123.123-.126.301t.126.301l.761.787l-.762.762q-.123.122-.123.3t.148.327q.124.123.301.126q.178.002.301-.126zm6.354 0l.787.767q.122.123.3.12q.178-.002.326-.15q.123-.123.123-.301t-.123-.326l-.736-.737l.742-.787q.123-.122.12-.3q-.002-.179-.15-.327q-.124-.123-.301-.126q-.178-.002-.301.127l-.787.736l-.761-.737q-.124-.123-.301-.123q-.178 0-.326.149q-.123.122-.126.3t.126.302l.761.786l-.762.762q-.122.122-.122.3t.148.302q.123.148.3.148q.178 0 .327-.149zM12 21q-1.864 0-3.506-.701t-2.867-1.926t-1.926-2.867T3 12t.701-3.503T5.627 5.64t2.867-1.93Q10.137 3 12 3t3.503.71t2.858 1.93t1.929 2.857Q21 10.137 21 12t-.71 3.506t-1.93 2.867t-2.857 1.926T12 21m0-1q3.325 0 5.663-2.325T20 12q0-3.325-2.337-5.663T12 4Q8.65 4 6.325 6.338T4 12q0 3.35 2.325 5.675T12 20m0-6.5q-1.233 0-2.29.575q-1.058.575-1.75 1.589q-.131.242.006.481q.136.24.428.24h7.187q.292 0 .428-.24q.137-.24.006-.481q-.692-1.014-1.747-1.589T12 13.5"/></svg>

Как использовать иконку Sentiment Very Dissatisfied Outline Rounded

React

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

<Icon icon="material-symbols-light:sentiment-very-dissatisfied-outline-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:sentiment-very-dissatisfied-outline-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:sentiment-very-dissatisfied-outline-rounded" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:sentiment-very-dissatisfied-outline-rounded"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols-light:sentiment-very-dissatisfied-outline-rounded"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/sentiment-very-dissatisfied-outline-rounded.svg" alt="Иконка Sentiment Very Dissatisfied Outline Rounded" width="24" height="24">

Иконка Sentiment Very Dissatisfied Outline Rounded в других наборах

Вопросы и ответы: Иконка Sentiment Very Dissatisfied Outline Rounded

Можно ли бесплатно использовать иконку Sentiment Very Dissatisfied Outline Rounded в коммерческих проектах?

Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Sentiment Very Dissatisfied Outline Rounded в React?

Установите @iconify/react и выведите <Icon icon="material-symbols-light:sentiment-very-dissatisfied-outline-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Sentiment Very Dissatisfied Outline Rounded на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/sentiment-very-dissatisfied-outline-rounded.svg" alt="Иконка Sentiment Very Dissatisfied Outline Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →