Khanda アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:khanda

Khanda アイコン(openmoji:khanda)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 記号

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" stroke="#000" stroke-width="1.968"><path stroke-linecap="round" stroke-linejoin="round" d="m40.43 46.29l2.952 5.904c4.527-3.838 9.546-9.152 9.546-14.17s-2.263-9.644-5.806-12.6c1.574 2.165 2.362 4.724 2.362 7.577v.394c-.295 4.133-4.527 8.758-8.266 11.91c-.295.295-.59.492-.787.688l-4.035 3.15l-.197.196l-4.035 3.248"/><path stroke-linejoin="round" d="M38.17 30.25c-.098 3.74 0 6.692.394 9.644c.098.492.098.886.196 1.378c.099.689.197 1.378.296 1.968c-1.87 1.279-3.051 2.067-3.051 2.067s-1.181-.787-2.854-2.067c.098-.689.196-1.378.295-1.968c.098-.394.098-.886.197-1.279c.295-2.854.492-5.904.393-9.644c-.098-3.444-.393-5.216-.787-7.282c-.098-.295-.098-.689-.197-.984c-.197-.689-.295-1.378-.492-2.165l3.543-2.362l3.543 2.362c-.197.787-.393 1.574-.492 2.165c-.098.393-.197.689-.197.984c-.492 1.87-.689 3.74-.787 7.184z"/><path stroke-linecap="round" stroke-miterlimit="10" d="M33.94 30.25c.098 3.74 0 6.79-.394 9.644c-3.74-1.082-6.495-4.428-6.495-8.562c0-3.936 2.56-7.184 6.003-8.365c.492 1.968.788 3.838.886 7.282zm10.92 1.08a8.8 8.8 0 0 1-6.298 8.463c-.295-2.854-.492-5.904-.394-9.644c.099-3.444.394-5.314.788-7.184c3.444 1.279 5.904 4.527 5.904 8.365z"/><path stroke-linecap="round" stroke-linejoin="round" d="m39.65 52.39l-4.035-3.248l-.197-.197l-4.035-3.149c-.295-.197-.59-.393-.787-.689c-3.641-3.149-7.971-7.774-8.266-11.91v-.393c0-2.854.787-5.412 2.362-7.577c-3.444 3.05-5.806 7.577-5.806 12.6s5.019 10.33 9.546 14.17c.689-1.378 2.362-4.625 2.952-5.904"/></g><path fill="#8967aa" d="M11.9 12.34h47.24v47.24H11.9z"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.968" d="M35.91 54.95v-9.84"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m40.43 46.29l2.952 5.904c4.527-3.838 9.546-9.152 9.546-14.17s-2.263-9.644-5.806-12.6c1.574 2.165 2.362 4.724 2.362 7.577v.394c-.295 4.133-4.527 8.758-8.266 11.91c-.295.295-.59.492-.787.688l-4.035 3.15l-.197.196l-4.035 3.248"/><path fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2" d="M38.17 30.25c-.098 3.74 0 6.692.394 9.644c.098.492.098.886.196 1.378c.099.689.197 1.378.296 1.968c-1.87 1.279-3.051 2.067-3.051 2.067s-1.181-.787-2.854-2.067c.098-.689.196-1.378.295-1.968c.098-.394.098-.886.197-1.279c.295-2.854.492-5.904.393-9.644c-.098-3.444-.393-5.216-.787-7.282c-.098-.295-.098-.689-.197-.984c-.197-.689-.295-1.378-.492-2.165l3.543-2.362l3.543 2.362c-.197.787-.393 1.574-.492 2.165c-.098.393-.197.689-.197.984c-.492 1.87-.689 3.74-.787 7.184z"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M33.94 30.25c.098 3.74 0 6.79-.394 9.644c-3.74-1.082-6.495-4.428-6.495-8.562c0-3.936 2.56-7.184 6.003-8.365c.492 1.968.788 3.838.886 7.282zm10.92 1.08a8.8 8.8 0 0 1-6.298 8.463c-.295-2.854-.492-5.904-.394-9.644c.099-3.444.394-5.314.788-7.184c3.444 1.279 5.904 4.527 5.904 8.365z"/><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m39.65 52.39l-4.035-3.248l-.197-.197l-4.035-3.149c-.295-.197-.59-.393-.787-.689c-3.641-3.149-7.971-7.774-8.266-11.91v-.393c0-2.854.787-5.412 2.362-7.577c-3.444 3.05-5.806 7.577-5.806 12.6s5.019 10.33 9.546 14.17c.689-1.378 2.362-4.625 2.952-5.904"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.968" d="M12.29 12.34h47.24v47.24H12.29z"/></svg>

Khanda アイコンの使い方

React

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

<Icon icon="openmoji:khanda" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:khanda" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:khanda" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--khanda]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:khanda"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:khanda"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/khanda.svg" alt="Khanda アイコン" width="24" height="24">

他のアイコンセットの Khanda アイコン

Khanda アイコンのよくある質問

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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