Up Exclamation Button アイコン
noto-v1:up-exclamation-button
Up Exclamation Button アイコン(noto-v1:up-exclamation-button)は、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
- カテゴリ
- 記号
- タグ
- upexclamation、exclamationbutton、upexclamationbutton、up text button
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#40c0e7" d="M121 .12H6.99C3.21.12.12 3.21.12 7v114.01c0 3.78 3.1 6.87 6.88 6.87h114c3.79 0 6.88-3.09 6.88-6.87V7c0-3.79-3.09-6.88-6.88-6.88"/><path fill="#fff" d="M84.31 20.62H66.63c-.09 0-.17.04-.26.06h-2.96c-.77 0-1.4.62-1.4 1.39v83.89c0 .77.63 1.39 1.4 1.39h10.22c.77 0 1.39-.63 1.39-1.39V78.82h9.28c9.62 0 17.15-12.78 17.15-29.09c.01-16.32-7.52-29.11-17.14-29.11m-1.3 41.18h-8.15a.37.37 0 0 1-.37-.37V38.02c0-.21.16-.37.37-.37h8.15c3.7 0 6.7 5.42 6.7 12.09c0 6.65-3 12.06-6.7 12.06M56.86 20.34h-11.5c-.77 0-1.4.63-1.4 1.4v41.34c0 .01-.04 5.76-.17 9.33c-.99 10.97-5.02 12.24-7.97 12.24s-6.98-1.27-7.96-12.16c-.13-3.63-.18-9.39-.18-9.39V21.74c0-.78-.63-1.4-1.39-1.4h-11.5c-.77 0-1.39.63-1.39 1.4v41.35c0 .07 0 6.44.5 13.76c.74 8.33 3.19 15.95 5.29 19.79c1.41 2.6 6.79 11.05 16.63 11.05s15.22-8.46 16.64-11.05c2.1-3.85 4.55-11.46 5.29-19.81c.5-7.3.5-13.67.5-13.74V21.74c.01-.78-.62-1.4-1.39-1.4m53.36 76.22a5.25 5.25 0 0 0-5.25 5.25c0 2.91 2.35 5.26 5.25 5.26s5.25-2.35 5.25-5.26c0-2.89-2.35-5.25-5.25-5.25m0-75.94c-3.84 0-6.96 3.72-6.96 8.29c0 .51.05 1.01.12 1.49l-.01-.02l5.47 60.71l.03-.04c.08.68.64 1.22 1.34 1.22c.71 0 1.27-.54 1.34-1.22l.04.04l5.47-60.71l-.02.02c.08-.48.13-.98.13-1.49c.01-4.57-3.1-8.29-6.95-8.29"/></svg>
Up Exclamation Button アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:up-exclamation-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:up-exclamation-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:up-exclamation-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--up-exclamation-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:up-exclamation-button"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:up-exclamation-button"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/up-exclamation-button.svg" alt="Up Exclamation Button アイコン" width="24" height="24">
他のアイコンセットの Up Exclamation Button アイコン
Up Exclamation Button アイコン のよくある質問
Up Exclamation Button アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Up Exclamation Button アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:up-exclamation-button" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Up Exclamation Button アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/up-exclamation-button.svg" alt="Up Exclamation Button アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
