Lipstick アイコン

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

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

noto:lipstick

Lipstick アイコン(noto:lipstick)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#C62828" d="M40.05 80.51V34.17c0-16.97 6.02-29.31 12.97-29.94c6.02-.55 11.45 1.47 17.97 5.83c9.38 6.27 16.96 16.09 16.96 26.11v44.34S80.91 81.95 64 81.95s-23.95-1.44-23.95-1.44"/><path fill="#F44336" d="M54.21 25.21c7.98 12.97 19.96 15.97 26.95 12.97c4.94-2.12 5.56-5.8 3.99-9.98C79.16 12.24 61.19 2.26 53.21 4.25c-4.94 1.24-5.7 10.08 1 20.96"/><path fill="#FF8383" d="M68.34 36.84c.75.51.05 1.07-.8.75c-3.3-1.23-8.84-2.92-14.51-9.72c-3.39-4.07-5.37-9.4-5-14.68c.12-1.66.85-4.47 2.07-6.35c.51-.79.86-.42.7.74c-.67 4.9.77 9.27 2.11 12.19C57.3 29.3 63.89 33.8 68.34 36.84"/><path fill="#E2A610" d="M93.47 96.85s-9.75 2.65-29.74 2.65s-29.2-2.65-29.2-2.65V80.02l58.93-.07v16.9z"/><path fill="#9E740B" d="m91.05 95.11l-11.52 1.85V83.42l11.52-1.86z"/><path fill="#A12524" d="M87.95 79.9S79.86 82 62.59 82s-22.54-2.1-22.54-2.1V68.66s3.3 7.42 23.38 5.81c21.39-1.71 24.53-12.42 24.53-12.42V79.9z"/><path fill="#FFCA28" d="M87.96 76.67c0 2.24-10.81 4.05-23.96 4.05s-24-1.81-24-4.05c0 0-5.47 2.16-5.47 3.26c0 2.77 13.19 5.02 29.47 5.02s29.47-2.25 29.47-5.02c0-1.11-5.51-3.43-5.51-3.26"/><path fill="#FFF59D" d="M50.99 83.9c-3.44-.23-5.85-.88-6.59-1.79c-1.12-1.37.19-2.18 1.62-2.02c1.94.22 2.22.43 6.1.81c4.53.44 7.92.44 6.85 1.79c-.72.9-3.98 1.48-7.98 1.21"/><path fill="#424242" d="M100.19 96.29s-11.83 4.6-35.92 4.6s-36.45-4.55-36.45-4.55l.04 21.82C28.83 121.41 44.64 124 64 124s35.17-2.59 36.14-5.85z"/><path fill="#212121" d="M96.5 120.56c-2.09.91-9.92 2.4-16.02 2.75V101.5l16.05-2.59z"/><path fill="#757575" d="M93.42 92.21c0 2.75-13.28 4.97-29.42 4.97s-29.48-2.23-29.48-4.97c0 0-6.71 2.65-6.71 4c0 3.4 16.2 6.16 36.19 6.16s36.19-2.76 36.19-6.16c0-1.35-6.77-4.2-6.77-4"/><path fill="#90A4AE" d="M55.42 101.12c-3.87.11-10.42-.27-14.17-1.46c-3.62-1.15-1.95-3.79 1.25-3.24c2.95.51 7.32 1.37 17.77 1.49c3.13.03 3.29 1.08 3.09 1.75c-.28.95-1.57 1.29-7.94 1.46"/></svg>

Lipstick アイコンの使い方

React

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

<Icon icon="noto:lipstick" width="24" />

Vue

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

<template>
  <Icon icon="noto:lipstick" width="24" />
</template>

Svelte

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

<Icon icon="noto:lipstick" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto:lipstick"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/lipstick.svg" alt="Lipstick アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Noto Emoji アイコンをすべて見る →