ICONYZ
Русский
Иконка Taunt Rounded из набора Material Symbols Light

Иконка Taunt Rounded

material-symbols-light:taunt-rounded

Иконка Taunt Rounded (material-symbols-light:taunt-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
Категория
Социальное
Теги
tauntrounded, taunt outline rounded
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.412 14.514q-.427.228-.91.099q-.483-.13-.736-.532q-.31-.514-.103-1.077t.778-.762l8.028-2.775q.177-.067.36.018q.185.086.313.319q.104.196.034.4t-.247.31zm2.03 5.755q-.67 0-1.143-.472q-.472-.472-.472-1.143v-3.271l8.048-4.227q.35-.2.475-.578t-.05-.728l4.325-2.17q.202-.103.407-.017t.358.354q.098.172.05.358t-.21.31l-6.403 4.834v5.135q0 .671-.472 1.143t-1.143.472zM5.564 10.13Q4.692 9.258 4.692 8t.872-2.129T7.692 5t2.13.871t.87 2.129t-.87 2.129t-2.13.871t-2.128-.871"/></svg>

Как использовать иконку Taunt Rounded

React

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

<Icon icon="material-symbols-light:taunt-rounded" width="24" />

Vue

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

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

Svelte

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

<Icon icon="material-symbols-light:taunt-rounded" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="material-symbols-light:taunt-rounded"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/material-symbols-light/taunt-rounded.svg" alt="Иконка Taunt Rounded" width="24" height="24">

Похожие иконки в наборе Material Symbols Light

Иконка Taunt Rounded в других наборах

Вопросы и ответы: Иконка Taunt Rounded

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

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

Как использовать иконку Taunt Rounded в React?

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

Как добавить иконку Taunt Rounded на веб-страницу?

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

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