Иконка Quote Single Sharp Two Tone

keyline-icons:quote-single-sharp-two-tone

Иконка Quote Single Sharp Two Tone (keyline-icons:quote-single-sharp-two-tone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: quotesingle, singlesharp, sharptwo, twotone, quotesinglesharptwotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M7.5 14.5C7.5 10.6868 9.4783 7.1467 12.7259 5.1483C12.8835 5.0513 13.065 5 13.25 5C13.8023 5 14.25 5.4477 14.25 6C14.25 6.2929 14.1216 6.571 13.8988 6.761C13.3725 7.2096 13.0694 7.8664 13.0694 8.5579C13.0694 9.4016 13.5194 10.1811 14.25 10.6029C15.6423 11.4067 16.5 12.8923 16.5 14.5C16.5 16.9853 14.4853 19 12 19C9.5147 19 7.5 16.9853 7.5 14.5Z" stroke="none"/><path d="M8.5 14.5C8.5 11.0341 10.2982 7.8163 13.25 6C12.5009 6.6386 12.0694 7.5735 12.0694 8.5579C12.0694 9.7588 12.71 10.8685 13.75 11.4689C14.8329 12.0941 15.5 13.2496 15.5 14.5C15.5 16.433 13.933 18 12 18C10.067 18 8.5 16.433 8.5 14.5Z"/></g></svg>

Как использовать иконку Quote Single Sharp Two Tone

React

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

<Icon icon="keyline-icons:quote-single-sharp-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:quote-single-sharp-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:quote-single-sharp-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--quote-single-sharp-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:quote-single-sharp-two-tone"></div>

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

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

<iconify-icon icon="keyline-icons:quote-single-sharp-two-tone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/quote-single-sharp-two-tone.svg" alt="Иконка Quote Single Sharp Two Tone" width="24" height="24">

Вопросы и ответы: Иконка Quote Single Sharp Two Tone

Можно ли бесплатно использовать иконку Quote Single Sharp Two Tone в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Quote Single Sharp Two Tone в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:quote-single-sharp-two-tone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Quote Single Sharp Two Tone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/quote-single-sharp-two-tone.svg" alt="Иконка Quote Single Sharp Two Tone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →