Queen Outline アイコン

Q: Queen Outline アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

glyphs:queen-outline

Queen Outline アイコン(glyphs:queen-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: queenoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M41.842 13.775a1.98 1.98 0 0 0-3.685 0l-3.038 7.718l-3.21 1.418l-5.231-4.993a1.98 1.98 0 0 0-3.284 1.93l3.19 12.27a11 11 0 0 0-3.265-.498h-.076a10.94 10.94 0 0 0-10.942 10.942v1.204a10.98 10.98 0 0 0 3.75 8.263l14.901 12.92q.919.726 1.96 1.3A14.28 14.28 0 0 0 48.705 64.9q.236-.125.443-.305L63.51 52.028a10.98 10.98 0 0 0 3.75-8.263v-1.204A10.94 10.94 0 0 0 56.319 31.62h-.076c-.95 0-1.888.123-2.792.362l3.155-12.135a1.98 1.98 0 0 0-3.284-1.93L48.09 22.91l-3.21-1.419zm12.201 25.15a3.8 3.8 0 0 0-.998-2.57a7 7 0 0 1 3.198-.775h.075a6.98 6.98 0 0 1 6.983 6.982v1.204a7.02 7.02 0 0 1-2.398 5.283l-6.788 5.94l.108-.543c.706-3.536.19-7.184-1.429-10.36a3.66 3.66 0 0 0 1.25-2.762zm-4.383.019l-.016-.004a42 42 0 0 0-7.82-1.075l-2.806-.025a41.8 41.8 0 0 0-8.975 1.206v1.92a42.75 42.75 0 0 1 20.04 0v-1.92q-.21-.053-.423-.102m-9.658-5.077a46 46 0 0 1 8.656.815l2.364-9.096l-1.156 1.103a1.98 1.98 0 0 1-2.168.379l-5.163-2.283a1.98 1.98 0 0 1-1.042-1.085l-1.494-3.794l-1.493 3.794a1.98 1.98 0 0 1-1.042 1.086L32.3 27.068a1.98 1.98 0 0 1-2.168-.378l-1.155-1.103l2.37 9.118a46 46 0 0 1 8.654-.837M25.469 55.009l-.113-.562a15.94 15.94 0 0 1 1.619-10.72a3.64 3.64 0 0 1-.892-2.402v-2.4c0-.88.302-1.702.817-2.356a7 7 0 0 0-3.581-.988h-.076a6.98 6.98 0 0 0-6.982 6.982v1.204a7.02 7.02 0 0 0 2.397 5.283zm5.474-10.186a38.8 38.8 0 0 1 17.595-.15a11.98 11.98 0 0 1 1.784 8.998l-.417 2.086a10.33 10.33 0 0 1-3.517 5.912a2 2 0 0 0-.143.131q-.687.55-1.468.98a10.325 10.325 0 0 1-15.103-7.023l-.416-2.086a11.98 11.98 0 0 1 1.685-8.848" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.952 64.95q.919.725 1.96 1.298a14.28 14.28 0 0 0 15.794-1.347q.236-.125.443-.305l14.362-12.567a10.98 10.98 0 0 0 3.75-8.263v-1.204A10.94 10.94 0 0 0 56.319 31.62h-.076c-.95 0-1.888.123-2.792.362l3.155-12.135a1.98 1.98 0 0 0-3.284-1.93L48.09 22.91l-3.21-1.419l-3.037-7.717a1.98 1.98 0 0 0-3.685 0l-3.038 7.718l-3.21 1.418l-5.231-4.993a1.98 1.98 0 0 0-3.284 1.93l3.19 12.27a11 11 0 0 0-3.265-.498h-.076a10.94 10.94 0 0 0-10.942 10.942v1.204a10.98 10.98 0 0 0 3.75 8.263zm0 0l-.5-.399m-3.477-20.825a15.94 15.94 0 0 0-1.619 10.72l.113.562l-6.81-5.96a7.02 7.02 0 0 1-2.398-5.282v-1.204a6.98 6.98 0 0 1 6.982-6.982h.076c1.271 0 2.508.347 3.581.988a3.8 3.8 0 0 0-.817 2.356v2.4q0 .093.005.185c.041.857.372 1.623.887 2.217m0 0l.01.013zm14.849-5.861c2.626.11 5.245.469 7.82 1.075l.016.004l.423.102v1.92a42.75 42.75 0 0 0-20.04 0v-1.92q.351-.086.704-.167a42 42 0 0 1 8.271-1.038m2.806.023q-1.402-.059-2.806-.023m2.806.023l-2.806-.023m3.134-3.926a45.8 45.8 0 0 0-10.804.79l-2.37-9.118l1.155 1.103a1.98 1.98 0 0 0 2.168.378l5.163-2.282c.476-.21.85-.601 1.042-1.086l1.493-3.794l1.494 3.794c.19.484.565.875 1.042 1.085l5.163 2.283a1.98 1.98 0 0 0 2.168-.379l1.156-1.103l-2.364 9.096a46 46 0 0 0-6.506-.767m10.893 2.44a3.8 3.8 0 0 1 .998 2.57v2.4c0 1.116-.49 2.095-1.249 2.761a15.94 15.94 0 0 1 1.429 10.36l-.108.543l6.788-5.94a7.02 7.02 0 0 0 2.398-5.283v-1.204a6.98 6.98 0 0 0-6.983-6.982h-.075a7 7 0 0 0-3.198.775m-4.507 8.317a38.8 38.8 0 0 0-17.595.15a11.98 11.98 0 0 0-1.686 8.848l.417 2.086a10.324 10.324 0 0 0 16.57 6.043a2 2 0 0 1 .144-.131a10.33 10.33 0 0 0 3.517-5.912l.417-2.086a11.98 11.98 0 0 0-1.785-8.998"/></g></svg>

Queen Outline アイコンの使い方

React

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

<Icon icon="glyphs:queen-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:queen-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:queen-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--queen-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:queen-outline"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:queen-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/queen-outline.svg" alt="Queen Outline アイコン" width="24" height="24">

Glyphs の関連アイコン

Queen Outline アイコンのよくある質問

Queen Outline アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Queen Outline アイコンを使うには?

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

Queen Outline アイコンをウェブページに追加するには?

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

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