ICONYZ
日本語
Noto Emoji (v1) の Upside Down Face アイコン

Upside Down Face アイコン

noto-v1:upside-down-face

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

アイコンセット
Noto Emoji (v1)
作者
Google Inc
ライセンス
Apache-2.0
サイズ
128 × 128
カテゴリ
スマイリー・感情
タグ
upsidedown、downface、upsidedownface
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGszVs1Lmw" d="M.41 0H128v128H.41z"/></defs><clipPath id="SVG5RzEidSo"><use href="#SVGszVs1Lmw"/></clipPath><g clip-path="url(#SVG5RzEidSo)"><path fill="#fcc21b" d="M127.79 34.67c0-13.83-28.55-25.03-63.79-25.03C28.77 9.64.21 20.84.21 34.67S1.69 118.35 64 118.35c62.32.01 63.79-69.85 63.79-83.68"/></g><g fill="#2f2f2f" clip-path="url(#SVG5RzEidSo)"><path d="M42 82c-4.49.04-8.17-4.27-8.22-9.62c-.05-5.37 3.55-9.75 8.04-9.79c4.48-.04 8.17 4.27 8.22 9.64c.05 5.36-3.55 9.73-8.04 9.77m44.11 0c4.48-.01 8.11-4.36 8.1-9.71c-.01-5.37-3.66-9.7-8.14-9.69c-4.49.01-8.13 4.36-8.12 9.73c.02 5.35 3.67 9.68 8.16 9.67M63.89 30.94c-14.13 0-22.18 8.14-22.52 8.48a3.254 3.254 0 0 0 4.67 4.53c.25-.25 6.58-6.51 17.85-6.51s17.6 6.25 17.87 6.52a3.26 3.26 0 0 0 4.59.04a3.24 3.24 0 0 0 .06-4.58c-.34-.34-8.39-8.48-22.52-8.48"/></g></svg>

Upside Down Face アイコンの使い方

React

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

<Icon icon="noto-v1:upside-down-face" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:upside-down-face" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:upside-down-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--upside-down-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:upside-down-face"></div>

Web コンポーネント

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

<iconify-icon icon="noto-v1:upside-down-face"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto-v1/upside-down-face.svg" alt="Upside Down Face アイコン" width="24" height="24">

他のアイコンセットの Upside Down Face アイコン

Upside Down Face アイコン のよくある質問

Upside Down Face アイコンは商用利用でも無料ですか?

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

React で Upside Down Face アイコンを使うには?

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

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

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

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