Иконка Thought Balloon
fluent-emoji-high-contrast:thought-balloon
Иконка Thought Balloon (fluent-emoji-high-contrast:thought-balloon) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Смайлы и эмоции
- Теги
- thoughtballoon
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="M15.995 2a4.63 4.63 0 0 0-3.607 1.725a5.5 5.5 0 0 0-2.59-.649c-3.273 0-5.707 2.774-5.652 5.845C2.286 9.858 1 11.769 1 14.005c0 2.227.96 3.609 1.974 4.416c.416.331.828.557 1.161.709c-.028 3.053 2.4 5.794 5.653 5.794c.946 0 1.824-.238 2.595-.647a4.63 4.63 0 0 0 7.208-.002a5.5 5.5 0 0 0 2.59.649c3.272 0 5.706-2.77 5.653-5.84c1.87-.93 3.166-2.84 3.166-5.079c0-2.227-.96-3.609-1.974-4.416a5.6 5.6 0 0 0-1.161-.709c.028-3.053-2.4-5.794-5.653-5.794a5.5 5.5 0 0 0-2.596.648A4.64 4.64 0 0 0 15.995 2m-2.397 3.534A2.65 2.65 0 0 1 15.995 4c1.062 0 1.976.62 2.421 1.554a1 1 0 0 0 1.53.348a3.58 3.58 0 0 1 2.266-.816c2.245 0 3.95 2.084 3.61 4.304a1 1 0 0 0 .392.955c.083.062.158.098.178.107c.053.025.1.042.116.048l.094.032l.024.008q.116.037.294.11c.24.1.552.258.86.503c.582.464 1.22 1.29 1.22 2.852c0 1.62-1.056 2.993-2.54 3.487a1 1 0 0 0-.671 1.107c.354 2.225-1.354 4.325-3.607 4.325c-.849 0-1.626-.309-2.273-.82a1 1 0 0 0-1.527.361A2.65 2.65 0 0 1 15.985 24c-1.052 0-1.964-.621-2.4-1.54a1 1 0 0 0-1.53-.352a3.58 3.58 0 0 1-2.267.816c-2.245 0-3.95-2.084-3.61-4.304a1 1 0 0 0-.392-.955a1 1 0 0 0-.178-.107a1 1 0 0 0-.116-.048l-.094-.032l-.024-.008a4 4 0 0 1-.294-.11a3.6 3.6 0 0 1-.86-.503C3.639 16.392 3 15.567 3 14.005c0-1.624 1.05-2.997 2.526-3.5a1 1 0 0 0 .665-1.103c-.354-2.226 1.353-4.326 3.607-4.326c.849 0 1.626.309 2.273.82a1 1 0 0 0 1.527-.362M4.5 24a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M3 27.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0" clip-rule="evenodd"/></svg>Как использовать иконку Thought Balloon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:thought-balloon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:thought-balloon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:thought-balloon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--thought-balloon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:thought-balloon"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:thought-balloon"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/thought-balloon.svg" alt="Иконка Thought Balloon" width="24" height="24">Иконка Thought Balloon в других наборах
Вопросы и ответы: Иконка Thought Balloon
Можно ли бесплатно использовать иконку Thought Balloon в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Thought Balloon в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:thought-balloon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Thought Balloon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/thought-balloon.svg" alt="Иконка Thought Balloon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.