Ab Button アイコン

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

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:ab-button

Ab Button アイコン(emojione-v1:ab-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
カテゴリ: 記号
タグ: abbutton

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ec1c24" d="M63.916 57.025a6.89 6.89 0 0 1-6.889 6.895H6.887A6.89 6.89 0 0 1 0 57.025V6.891A6.89 6.89 0 0 1 6.887 0h50.14a6.89 6.89 0 0 1 6.889 6.891z"/><path fill="#fff" d="m25.642 43.783l-1.512-3.964H11.289l-1.508 4.05q-.885 2.37-1.508 3.198q-.626.83-2.045.83q-1.213 0-2.134-.883c-.62-.59-.929-1.257-.929-2.01c0-.43.069-.876.216-1.335c.141-.457.381-1.1.712-1.918l8.08-20.512q.344-.888.828-2.123q.487-1.242 1.039-2.06a4.1 4.1 0 0 1 1.441-1.325c.597-.339 1.329-.508 2.21-.508c.887 0 1.633.169 2.229.508a4.25 4.25 0 0 1 1.443 1.304a9 9 0 0 1 .927 1.712c.249.611.573 1.425.958 2.444l8.255 20.387q.971 2.328.97 3.387q.001 1.097-.917 2.01a3 3 0 0 1-2.209.917q-.753.001-1.292-.269a2.7 2.7 0 0 1-.907-.73q-.364-.466-.787-1.424c-.276-.639-.518-1.204-.718-1.691M12.97 35.006h9.436l-4.761-13.04zm35.06 12.891h-9.651q-2.094 0-2.986-.938q-.896-.935-.896-2.981V20.226q0-2.089.917-3q.916-.919 2.965-.919h10.234q2.265 0 3.923.285c1.105.183 2.097.544 2.973 1.074a7.8 7.8 0 0 1 1.984 1.692a7.6 7.6 0 0 1 1.315 2.262q.452 1.238.453 2.619q0 4.741-4.743 6.94q6.227 1.98 6.228 7.714q.001 2.65-1.358 4.772a8.13 8.13 0 0 1-3.663 3.135c-.962.403-2.065.688-3.32.853c-1.254.164-2.706.246-4.375.246m-7.131-26.784v8.166h5.86q2.393.001 3.695-.452c.869-.3 1.531-.875 1.994-1.722a3.9 3.9 0 0 0 .538-2.028q0-2.393-1.7-3.178c-1.141-.524-2.868-.786-5.194-.786zm6.66 12.757h-6.66v9.222h6.874q6.487 0 6.486-4.677q0-2.39-1.681-3.469c-1.118-.718-2.795-1.076-5.02-1.076"/></svg>

Ab Button アイコンの使い方

React

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

<Icon icon="emojione-v1:ab-button" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:ab-button" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:ab-button" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--ab-button]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:ab-button"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-v1:ab-button"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-v1/ab-button.svg" alt="Ab Button アイコン" width="24" height="24">

他のアイコンセットの Ab Button アイコン

Ab Button アイコンのよくある質問

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

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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