Biting Lip アイコン

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

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

fluent-emoji:biting-lip

Biting Lip アイコン(fluent-emoji:biting-lip)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: bitinglip

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#FF4860" d="M16.813 11.313c-.32.099-1.252.19-1.625 0c-.922-.47-2.922-1.313-4-1.313c-1.891 0-3.075 1.112-4.204 2.219c-.832.816-3.203 4.39-4.187 6.187c-.883 1.612 0 2.459.406 2.735c3.75 2.547 10.158 5.968 14.688 5.968c4.518 0 8.974-2.49 11.25-5.797c.389-.565.78-1.89-.313-3.656c-.995-1.606-3.011-4.652-3.844-5.468C23.856 11.08 22.584 10 20.922 10s-2.75.89-4.11 1.313"/><path fill="url(#ixl3Wad)" d="M16.813 11.313c-.32.099-1.252.19-1.625 0c-.922-.47-2.922-1.313-4-1.313c-1.891 0-3.075 1.112-4.204 2.219c-.832.816-3.203 4.39-4.187 6.187c-.883 1.612 0 2.459.406 2.735c3.75 2.547 10.158 5.968 14.688 5.968c4.518 0 8.974-2.49 11.25-5.797c.389-.565.78-1.89-.313-3.656c-.995-1.606-3.011-4.652-3.844-5.468C23.856 11.08 22.584 10 20.922 10s-2.75.89-4.11 1.313"/><path fill="url(#iETq0je)" d="M16.813 11.313c-.32.099-1.252.19-1.625 0c-.922-.47-2.922-1.313-4-1.313c-1.891 0-3.075 1.112-4.204 2.219c-.832.816-3.203 4.39-4.187 6.187c-.883 1.612 0 2.459.406 2.735c3.75 2.547 10.158 5.968 14.688 5.968c4.518 0 8.974-2.49 11.25-5.797c.389-.565.78-1.89-.313-3.656c-.995-1.606-3.011-4.652-3.844-5.468C23.856 11.08 22.584 10 20.922 10s-2.75.89-4.11 1.313"/><path fill="url(#i1cjd7b)" d="M16.813 11.313c-.32.099-1.252.19-1.625 0c-.922-.47-2.922-1.313-4-1.313c-1.891 0-3.075 1.112-4.204 2.219c-.832.816-3.203 4.39-4.187 6.187c-.883 1.612 0 2.459.406 2.735c3.75 2.547 10.158 5.968 14.688 5.968c4.518 0 8.974-2.49 11.25-5.797c.389-.565.78-1.89-.313-3.656c-.995-1.606-3.011-4.652-3.844-5.468C23.856 11.08 22.584 10 20.922 10s-2.75.89-4.11 1.313"/><path fill="url(#iSBGrHq)" d="M16.813 11.313c-.32.099-1.252.19-1.625 0c-.922-.47-2.922-1.313-4-1.313c-1.891 0-3.075 1.112-4.204 2.219c-.832.816-3.203 4.39-4.187 6.187c-.883 1.612 0 2.459.406 2.735c3.75 2.547 10.158 5.968 14.688 5.968c4.518 0 8.974-2.49 11.25-5.797c.389-.565.78-1.89-.313-3.656c-.995-1.606-3.011-4.652-3.844-5.468C23.856 11.08 22.584 10 20.922 10s-2.75.89-4.11 1.313"/><path fill="url(#ip4P3Xc)" d="M16.813 11.313c-.32.099-1.252.19-1.625 0c-.922-.47-2.922-1.313-4-1.313c-1.891 0-3.075 1.112-4.204 2.219c-.832.816-3.203 4.39-4.187 6.187c-.883 1.612 0 2.459.406 2.735c3.75 2.547 10.158 5.968 14.688 5.968c4.518 0 8.974-2.49 11.25-5.797c.389-.565.78-1.89-.313-3.656c-.995-1.606-3.011-4.652-3.844-5.468C23.856 11.08 22.584 10 20.922 10s-2.75.89-4.11 1.313"/><path fill="url(#il0QXrb)" d="M16.813 11.313c-.32.099-1.252.19-1.625 0c-.922-.47-2.922-1.313-4-1.313c-1.891 0-3.075 1.112-4.204 2.219c-.832.816-3.203 4.39-4.187 6.187c-.883 1.612 0 2.459.406 2.735c3.75 2.547 10.158 5.968 14.688 5.968c4.518 0 8.974-2.49 11.25-5.797c.389-.565.78-1.89-.313-3.656c-.995-1.606-3.011-4.652-3.844-5.468C23.856 11.08 22.584 10 20.922 10s-2.75.89-4.11 1.313"/><path fill="url(#ijPcmvc)" d="M16.813 11.313c-.32.099-1.252.19-1.625 0c-.922-.47-2.922-1.313-4-1.313c-1.891 0-3.075 1.112-4.204 2.219c-.832.816-3.203 4.39-4.187 6.187c-.883 1.612 0 2.459.406 2.735c3.75 2.547 10.158 5.968 14.688 5.968c4.518 0 8.974-2.49 11.25-5.797c.389-.565.78-1.89-.313-3.656c-.995-1.606-3.011-4.652-3.844-5.468C23.856 11.08 22.584 10 20.922 10s-2.75.89-4.11 1.313"/><path fill="#0A0D2D" d="M4.078 19.672c3 .656 2.805-.36 8.516-.36c3.321 0 6.03 1.883 9 2.141c2.136.186 4.75-1.049 6.343-1.656c-.274-.09-2.505-.968-3.125-1.172c-3.638-1.197-3.915-1.344-9.25-1.344c-5.71 0-8.578 1.43-11.484 2.39"/><g filter="url(#i5GEYfl)"><path fill="url(#i9iYPUd)" d="M24.219 18.43c-2.31-.785-3.61-1.258-8.594-1.164c-3.875.073-5.695.508-7.852 1.125c.187.512.681.949 1.243 1.03c1.347.199 3.842.4 6.882.4c3.277 0 5.73-.216 7.149-.415c.554-.077.977-.473 1.172-.976"/><path fill="url(#iTgOnme)" d="M24.219 18.43c-2.31-.785-3.61-1.258-8.594-1.164c-3.875.073-5.695.508-7.852 1.125c.187.512.681.949 1.243 1.03c1.347.199 3.842.4 6.882.4c3.277 0 5.73-.216 7.149-.415c.554-.077.977-.473 1.172-.976"/></g><defs><radialGradient id="iETq0je" cx="0" cy="0" r="1" gradientTransform="matrix(-4.7643 2.9448 -1.45193 -2.34904 24.03 19.386)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6099"/><stop offset="1" stop-color="#FF6099" stop-opacity="0"/></radialGradient><radialGradient id="i1cjd7b" cx="0" cy="0" r="1" gradientTransform="matrix(.375 2.15625 -4.83475 .84083 17.625 10)" gradientUnits="userSpaceOnUse"><stop stop-color="#A7464A"/><stop offset="1" stop-color="#A7464A" stop-opacity="0"/></radialGradient><radialGradient id="iSBGrHq" cx="0" cy="0" r="1" gradientTransform="rotate(-46.614 20.535 2.74)scale(12.5561 3.30154)" gradientUnits="userSpaceOnUse"><stop offset=".327" stop-color="#B34146"/><stop offset="1" stop-color="#B34146" stop-opacity="0"/></radialGradient><radialGradient id="ip4P3Xc" cx="0" cy="0" r="1" gradientTransform="matrix(3.5625 2.40625 -.8988 1.3307 13.5 10)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE7278"/><stop offset="1" stop-color="#EE7278" stop-opacity="0"/></radialGradient><radialGradient id="il0QXrb" cx="0" cy="0" r="1" gradientTransform="matrix(.5625 1.8125 -6.2887 1.95166 11.938 19.656)" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#E7284F"/><stop offset="1" stop-color="#EE2B51" stop-opacity="0"/></radialGradient><radialGradient id="ijPcmvc" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.5625 -7.4375 0 12.938 19.094)" gradientUnits="userSpaceOnUse"><stop offset=".36" stop-color="#AD1638"/><stop offset=".84" stop-color="#B11739" stop-opacity="0"/></radialGradient><radialGradient id="iTgOnme" cx="0" cy="0" r="1" gradientTransform="matrix(0 -3.24058 10.9518 0 16.002 19.405)" gradientUnits="userSpaceOnUse"><stop offset=".544" stop-color="#835F98" stop-opacity="0"/><stop offset=".916" stop-color="#835F98"/></radialGradient><linearGradient id="ixl3Wad" x1="24.875" x2="8.5" y1="18.422" y2="18.555" gradientUnits="userSpaceOnUse"><stop offset=".314" stop-color="#FF58AD"/><stop offset=".707" stop-color="#FF58AD" stop-opacity="0"/></linearGradient><linearGradient id="i9iYPUd" x1="20.786" x2="8.025" y1="18.893" y2="18.893" gradientUnits="userSpaceOnUse"><stop offset=".321" stop-color="#F5E4FF"/><stop offset="1" stop-color="#DAC6E4"/></linearGradient><filter id="i5GEYfl" width="16.445" height="2.77" x="7.773" y="17.05" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.204"/><feGaussianBlur stdDeviation=".305"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.560784 0 0 0 0 0.384314 0 0 0 0 0.576471 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_7173"/></filter></defs></g></svg>

Biting Lip アイコンの使い方

React

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

<Icon icon="fluent-emoji:biting-lip" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:biting-lip" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:biting-lip" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--biting-lip]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:biting-lip"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:biting-lip"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/biting-lip.svg" alt="Biting Lip アイコン" width="24" height="24">

他のアイコンセットの Biting Lip アイコン

Biting Lip アイコンのよくある質問

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

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

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

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

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

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

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