Lipstick アイコン

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

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

game-icons:lipstick

Lipstick アイコン(game-icons:lipstick)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M402.801 39.703c-5.813-.03-11.168.44-15.85 1.353c-12.483 2.437-18.737 7.537-20.04 12.301s1.48 12.337 10.984 20.791s24.725 16.63 42.74 21.56c18.015 4.931 35.282 5.648 47.766 3.212c12.484-2.437 18.735-7.537 20.039-12.301s-1.48-12.337-10.983-20.791S452.73 49.2 434.715 44.269c-11.26-3.081-22.225-4.517-31.914-4.566M350.74 67.088l-92.528 92.527c1.033 3.116 3.392 8.754 8.33 15.771c6.3 8.952 15.216 19.273 24.813 28.87c9.596 9.596 19.915 18.513 28.867 24.812c7.019 4.939 12.658 7.296 15.773 8.328L455.1 118.291c-12.165.237-25.514-1.47-39.217-5.221c-20.339-5.567-37.73-14.597-49.953-25.473c-6.807-6.056-12.314-13.046-15.191-20.51zM239.22 155.98l-64.957 64.955c7.621 19.823 22.473 41.436 40.725 59.688a211 211 0 0 0 17.168 15.36l63.379-63.382a286 286 0 0 1-16.909-15.619c-10.202-10.202-19.669-21.096-26.804-31.236c-7.136-10.14-12.602-18.71-12.602-28.867zm-83.469 66.498L23.258 354.97c4.777 23.238 21.872 50.631 44.365 72.967c9.457 9.39 19.82 17.82 30.368 24.834l134.154-134.154c-10.477-7.365-20.552-15.933-29.887-25.268c-21.132-21.132-38.358-46.045-46.508-70.87zm154.078 21.285l-62.955 62.953c9.314 6.138 18.742 11.147 27.8 14.63l64.956-64.958h-.9c-10.157 0-18.727-5.464-28.867-12.6zm-62.082 84.71L113.991 462.227c9.188 4.738 18.246 8.213 26.697 10.07l132.441-132.44c-8.504-2.793-17.014-6.672-25.383-11.386z"/></svg>

Lipstick アイコンの使い方

React

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

<Icon icon="game-icons:lipstick" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:lipstick" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:lipstick" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:lipstick"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

Game Icons をすべて見る →