Quote Circle Linear アイコン

Q: Quote Circle Linear アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:quote-circle-linear

Quote Circle Linear アイコン(solar:quote-circle-linear)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: テキスト書式
タグ: quotecircle、circlelinear、quotecirclelinear

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-linecap="round" stroke-width="1.5"><path d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z"/><path stroke-linejoin="round" d="M6.26123 16.0168C9.44088 16.0168 10.0925 14.3513 10.3891 12.8626C10.413 12.7246 10.4202 12.7186 10.4451 12.4621C10.4722 12.1835 10.5069 11.9322 10.5069 11.4224C10.5218 11.1435 10.5073 10.7608 10.5073 10.3072C10.5073 9.21163 10.5073 8.66385 10.1964 8.3235C9.8855 7.98315 9.38509 7.98315 8.38428 7.98315C7.38346 7.98315 6.88306 7.98315 6.57214 8.3235C6.26123 8.66385 6.26123 9.21163 6.26123 10.3072C6.26123 11.4027 6.26123 11.9505 6.57214 12.2909C6.83503 12.5786 7.23339 12.623 7.95518 12.6299C8.08704 12.6311 8.1956 12.6024 8.29104 12.7332C8.38649 12.8641 8.3603 12.9792 8.31633 13.1493C8.09047 14.0234 6.90565 15.5052 6.26123 16.0168Z"/><path stroke-linejoin="round" d="M13.4854 16.0168C16.665 16.0168 17.3167 14.3513 17.6132 12.8626C17.6372 12.7246 17.6444 12.7186 17.6692 12.4621C17.6963 12.1835 17.731 11.9322 17.731 11.4224C17.746 11.1435 17.7314 10.7608 17.7314 10.3072C17.7314 9.21163 17.7314 8.66385 17.4205 8.3235C17.1096 7.98315 16.6092 7.98315 15.6084 7.98315C14.6076 7.98315 14.1072 7.98315 13.7963 8.3235C13.4854 8.66385 13.4854 9.21163 13.4854 10.3072C13.4854 11.4027 13.4854 11.9505 13.7963 12.2909C14.0592 12.5786 14.4575 12.623 15.1793 12.6299C15.3112 12.6311 15.4197 12.6024 15.5152 12.7332C15.6106 12.8641 15.5844 12.9792 15.5405 13.1493C15.3146 14.0234 14.1298 15.5052 13.4854 16.0168Z"/></g></svg>

Quote Circle Linear アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/quote-circle-linear.svg" alt="Quote Circle Linear アイコン" width="24" height="24">

Solar の関連アイコン

Quote Circle Linear アイコンのよくある質問

Quote Circle Linear アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Quote Circle Linear アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:quote-circle-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Quote Circle Linear アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/quote-circle-linear.svg" alt="Quote Circle Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →