Ícone Quote Linear

solar:quote-linear

O ícone Quote Linear (solar:quote-linear) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Formatação de texto
Tags: quotelinear

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M1.99951 19C7.54061 19 8.67622 16.0976 9.19302 13.5033C9.23477 13.2628 9.24732 13.2523 9.29067 12.8054C9.33779 12.3198 9.39832 11.8819 9.39832 10.9935C9.42436 10.5075 9.39907 9.84051 9.39907 9.05003C9.39907 7.14083 9.39907 6.18623 8.85725 5.59311C8.31543 5 7.44338 5 5.69929 5C3.9552 5 3.08315 5 2.54133 5.59311C1.99951 6.18623 1.99951 7.14083 1.99951 9.05003C1.99951 10.9592 1.99951 11.9138 2.54133 12.5069C2.99946 13.0084 3.69368 13.0858 4.95151 13.0977C5.1813 13.0999 5.37048 13.0498 5.53681 13.2778C5.70314 13.5059 5.6575 13.7064 5.58088 14.0029C5.18728 15.5261 3.12253 18.1084 1.99951 19Z"/><path d="M14.5889 19C20.13 19 21.2656 16.0976 21.7824 13.5033C21.8241 13.2628 21.8367 13.2523 21.88 12.8054C21.9271 12.3198 21.9877 11.8819 21.9877 10.9935C22.0137 10.5075 21.9884 9.84051 21.9884 9.05003C21.9884 7.14083 21.9884 6.18623 21.4466 5.59311C20.9048 5 20.0327 5 18.2886 5C16.5446 5 15.6725 5 15.1307 5.59311C14.5889 6.18623 14.5889 7.14083 14.5889 9.05003C14.5889 10.9592 14.5889 11.9138 15.1307 12.5069C15.5888 13.0084 16.283 13.0858 17.5409 13.0977C17.7707 13.0999 17.9598 13.0498 18.1262 13.2778C18.2925 13.5059 18.2469 13.7064 18.1702 14.0029C17.7766 15.5261 15.7119 18.1084 14.5889 19Z"/></g></svg>

Como usar o ícone Quote Linear

React

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

<Icon icon="solar:quote-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:quote-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:quote-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--quote-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:quote-linear"></div>

Web component

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

<iconify-icon icon="solar:quote-linear"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/quote-linear.svg" alt="Ícone Quote Linear" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Quote Linear

O ícone Quote Linear é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Quote Linear no React?

Instale @iconify/react e renderize <Icon icon="solar:quote-linear" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Quote Linear a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/quote-linear.svg" alt="Ícone Quote Linear">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →