Kiss Mark アイコン

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

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

openmoji:kiss-mark

Kiss Mark アイコン(openmoji:kiss-mark)は、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
カテゴリ: スマイリー・感情
タグ: kissmark

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d22f27" d="m59.557 52.3l.006-.01q.002-.008.006-.014a1.8 1.8 0 0 0-.008-1.86c-2.376-5.349-2.471-10.544-2.54-14.728c-.068-4.264-.123-7.633-2.443-9.722c-1.508-1.359-3.664-1.866-6.78-1.59c-2.09.187-2.352.45-3.392-.195s-.92-.997-1.68-2.957c-1.146-2.944-2.563-4.663-4.458-5.413c-2.89-1.142-5.908.304-9.73 2.133c-3.77 1.806-8.455 4.037-14.324 4.29c-.684-.085-1.393.199-1.773.811c-.572.921-.146 2.078.599 2.546c.468.674.95 3.243 1.339 5.336c1.284 6.89 3.224 17.304 11.794 22.624s18.763 2.44 25.508.533c2.048-.58 4.565-1.288 5.377-1.167c.87.535 1.997.192 2.499-.616"/><path fill="#fff" d="M38.368 33.753s-1.02-2.276-2.385-3.123c-1.522-.945-2.75-.61-4.593.054c-1.257.451-2.618.941-4.299.73c-.56-.07-.877.631-.472 1.024c3.462 3.357 5.192 7.555 5.832 9.412c.093.271.29.502.5.629c.206.132.5.205.785.169c1.949-.25 6.478-.563 11.023 1.051c.531.19 1.018-.406.707-.877c-.934-1.413-1.099-2.85-1.252-4.177c-.222-1.946-.467-3.195-1.99-4.14c-1.364-.847-3.856-.753-3.856-.753"/><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path d="m59.557 52.3l.006-.01q.002-.008.006-.014a1.8 1.8 0 0 0-.008-1.86c-2.376-5.349-2.471-10.544-2.54-14.728c-.068-4.264-.123-7.633-2.443-9.722c-1.508-1.359-3.664-1.866-6.78-1.59c-2.09.187-2.352.45-3.392-.195s-.92-.997-1.68-2.957c-1.146-2.944-2.563-4.663-4.458-5.413c-2.89-1.142-5.908.304-9.73 2.133c-3.77 1.806-8.455 4.037-14.324 4.29c-.684-.085-1.393.199-1.773.811c-.572.921-.146 2.078.599 2.546c.468.674.95 3.243 1.339 5.336c1.284 6.89 3.224 17.304 11.794 22.624s18.763 2.44 25.508.533c2.048-.58 4.565-1.288 5.377-1.167c.87.535 1.997.192 2.499-.616z"/><path d="M38.368 33.753s-1.02-2.276-2.385-3.123c-1.522-.945-2.75-.61-4.593.054c-1.257.451-2.618.941-4.299.73c-.56-.07-.877.631-.472 1.024c3.462 3.357 5.192 7.555 5.832 9.412c.093.271.29.502.5.629c.206.132.5.205.785.169c1.949-.25 6.478-.563 11.023 1.051c.531.19 1.018-.406.707-.877c-.934-1.413-1.099-2.85-1.252-4.177c-.222-1.946-.467-3.195-1.99-4.14c-1.364-.847-3.856-.753-3.856-.753z"/></g></svg>

Kiss Mark アイコンの使い方

React

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

<Icon icon="openmoji:kiss-mark" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:kiss-mark" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:kiss-mark" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:kiss-mark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/kiss-mark.svg" alt="Kiss Mark アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Kiss Mark アイコン

Kiss Mark アイコンのよくある質問

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

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

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

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

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

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

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