Иконка Comment Quotes
foundation:comment-quotes
Иконка Comment Quotes (foundation:comment-quotes) — бесплатная SVG-иконка из набора Foundation от Zurb. Она нарисована на сетке 100 × 100. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Foundation
- Автор
- Zurb
- Лицензия
- MIT
- Размер
- 100 × 100
- Теги
- commentquotes, quote
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M88.466 16.936a3.36 3.36 0 0 0-3.34-3.036H14.781v.009a3.356 3.356 0 0 0-3.247 3.027H11.5v56.342h.068a3.37 3.37 0 0 0 3.214 2.694v.009h11.564v6.744a3.373 3.373 0 0 0 6.173 1.882l8.627-8.627h43.98a3.37 3.37 0 0 0 3.306-2.703h.068V16.936zM28.399 50.662c-3.055 0-5.787-2.405-5.787-6.632c0-4.878 2.667-9.234 6.699-12.095l.014.012a.7.7 0 0 1 .324-.085a.7.7 0 0 1 .43.156l.008-.007l2.703 1.706l-.016.015c.192.131.325.34.325.59a.72.72 0 0 1-.39.633l.002.002l-.046.028l-.012.007c-2.065 1.124-4.26 3.726-4.839 6.046c.26-.13.78-.195 1.301-.195c2.471 0 4.421 1.885 4.421 4.681c.001 2.797-2.341 5.138-5.137 5.138m13.233 0c-3.055 0-5.787-2.405-5.787-6.632c0-4.878 2.667-9.234 6.699-12.095l.014.012a.7.7 0 0 1 .324-.085a.7.7 0 0 1 .43.156l.008-.007l2.703 1.706l-.016.015c.192.131.325.34.325.59a.72.72 0 0 1-.39.633l.002.002l-.046.028l-.012.007c-2.065 1.124-4.26 3.726-4.839 6.046c.26-.13.78-.195 1.301-.195c2.471 0 4.421 1.885 4.421 4.681s-2.341 5.138-5.137 5.138m15.824 7.187l-.014-.012a.7.7 0 0 1-.324.085a.7.7 0 0 1-.43-.156l-.008.007l-2.703-1.706l.016-.015a.71.71 0 0 1-.325-.59c0-.277.161-.511.39-.633l-.002-.002l.046-.028l.012-.007c2.065-1.124 4.26-3.726 4.839-6.046c-.26.13-.78.195-1.301.195c-2.471 0-4.421-1.885-4.421-4.681s2.342-5.137 5.138-5.137c3.055 0 5.787 2.405 5.787 6.632c-.001 4.877-2.668 9.233-6.7 12.094m13.233 0l-.014-.012a.7.7 0 0 1-.324.085a.7.7 0 0 1-.43-.156l-.008.007l-2.703-1.706l.016-.015a.71.71 0 0 1-.325-.59c0-.277.161-.511.39-.633l-.002-.002l.046-.028l.012-.007c2.065-1.124 4.26-3.726 4.839-6.046c-.26.13-.78.195-1.301.195c-2.471 0-4.421-1.885-4.421-4.681s2.342-5.137 5.138-5.137c3.055 0 5.787 2.405 5.787 6.632c-.001 4.877-2.668 9.233-6.7 12.094"/></svg>Как использовать иконку Comment Quotes
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:comment-quotes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:comment-quotes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:comment-quotes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--comment-quotes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:comment-quotes"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:comment-quotes"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/foundation/comment-quotes.svg" alt="Иконка Comment Quotes" width="24" height="24">Похожие иконки в наборе Foundation
Вопросы и ответы: Иконка Comment Quotes
Можно ли бесплатно использовать иконку Comment Quotes в коммерческих проектах?
Да. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Comment Quotes в React?
Установите @iconify/react и выведите <Icon icon="foundation:comment-quotes" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Comment Quotes на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/foundation/comment-quotes.svg" alt="Иконка Comment Quotes">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.