Up Text Button アイコン
emojione-v1:up-text-button
Up Text Button アイコン(emojione-v1:up-text-button)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 記号
- タグ
- uptext、textbutton、uptextbutton
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#1b75bb" d="M63.918 57.025a6.89 6.89 0 0 1-6.892 6.894H6.887A6.89 6.89 0 0 1 0 57.025V6.889A6.89 6.89 0 0 1 6.887 0h50.139a6.89 6.89 0 0 1 6.892 6.889z"/><path fill="#fff" d="M3.189 33.79V19.621q0-1.81.815-2.711q.811-.906 2.14-.907q1.384 0 2.199.907q.813.903.813 2.711v14.487c0 1.649.183 3.03.552 4.133s1.023 1.963 1.96 2.571c.938.611 2.254.915 3.94.915q3.495 0 4.945-1.859Q22 38.009 22 34.232V19.621q0-1.83.805-2.723q.803-.894 2.15-.895q1.347.001 2.179.895q.833.894.833 2.723V33.79c0 2.301-.225 4.226-.672 5.765q-.672 2.312-2.541 4.062a9.9 9.9 0 0 1-3.74 2.172c-1.419.451-3.082.683-4.985.683c-2.265 0-4.212-.245-5.85-.735c-1.631-.487-2.963-1.247-3.994-2.271c-1.036-1.021-1.789-2.337-2.272-3.937q-.723-2.405-.724-5.739m38.751.703h-5.465v8.34q0 1.788-.842 2.712q-.846.925-2.133.926q-1.346 0-2.168-.916c-.553-.607-.827-1.504-.827-2.683V20.163q0-1.97.907-2.813q.905-.845 2.871-.846h7.657q3.4.002 5.225.524c1.208.333 2.248.891 3.128 1.668a7.56 7.56 0 0 1 1.998 2.853q.684 1.689.684 3.799q0 4.5-2.772 6.822q-2.773 2.323-8.263 2.323m-1.444-13.505h-4.02v9h4.02c1.409 0 2.579-.147 3.525-.444q1.418-.439 2.16-1.445q.747-1.006.746-2.635c0-1.298-.385-2.358-1.146-3.175q-1.288-1.304-5.285-1.304M55.47 33.2l-.644-9.626q-.18-2.813-.181-4.04q-.001-1.668.875-2.605c.582-.621 1.352-.933 2.3-.933q1.732.001 2.311 1.195q.584 1.198.585 3.448c0 .881-.049 1.781-.144 2.692l-.861 9.906q-.142 1.771-.601 2.714q-.467.946-1.532.944c-.718 0-1.227-.305-1.504-.911q-.422-.915-.604-2.785m2.23 13.223a3.17 3.17 0 0 1-2.14-.793q-.914-.793-.915-2.219q-.001-1.247.875-2.12q.872-.877 2.141-.876q1.266 0 2.159.876c.593.581.896 1.29.896 2.12c0 .935-.303 1.675-.903 2.209a3.08 3.08 0 0 1-2.113.803"/></svg>
Up Text Button アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:up-text-button" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:up-text-button" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:up-text-button" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--up-text-button]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:up-text-button"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:up-text-button"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/up-text-button.svg" alt="Up Text Button アイコン" width="24" height="24">
他のアイコンセットの Up Text Button アイコン
Up Text Button アイコン のよくある質問
Up Text Button アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Up Text Button アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:up-text-button" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Up Text Button アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/up-text-button.svg" alt="Up Text Button アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
