Cl Button アイコン

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

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

emojione-v1:cl-button

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ec1c24" d="M63.667 56.802a6.863 6.863 0 0 1-6.864 6.868H6.86A6.864 6.864 0 0 1 0 56.802V6.864A6.863 6.863 0 0 1 6.86 0h49.942a6.863 6.863 0 0 1 6.864 6.864v49.938z"/><path fill="#fff" d="M36.24 38.848q-.002 1.758-.864 3.804q-.867 2.047-2.729 4.02q-1.858 1.97-4.744 3.199q-2.89 1.232-6.731 1.232q-2.917-.001-5.297-.554q-2.388-.552-4.334-1.719q-1.945-1.17-3.579-3.076a18.4 18.4 0 0 1-2.486-3.88a20.4 20.4 0 0 1-1.547-4.582a25.3 25.3 0 0 1-.513-5.176c0-2.961.429-5.617 1.295-7.959q1.293-3.514 3.704-6.02a16.1 16.1 0 0 1 5.646-3.806q3.244-1.304 6.91-1.306q4.468 0 7.958 1.783q3.492 1.785 5.351 4.406q1.856 2.626 1.857 4.963q-.001 1.28-.904 2.261q-.904.977-2.185.978q-1.432 0-2.147-.679c-.476-.452-1.01-1.232-1.593-2.337q-1.458-2.736-3.429-4.091q-1.971-1.356-4.86-1.357q-4.597.002-7.32 3.491c-1.814 2.327-2.727 5.634-2.727 9.92q.001 4.295 1.208 7.144c.804 1.898 1.942 3.32 3.414 4.257q2.216 1.406 5.173 1.406c2.146 0 3.954-.529 5.438-1.594c1.483-1.063 2.598-2.624 3.354-4.684q.476-1.457 1.182-2.376q.698-.915 2.256-.915q1.334-.001 2.286.931q.957.928.957 2.31m9.12-21.291v26.797h10.869q1.807 0 2.777.878c.646.587.962 1.322.962 2.21c0 .903-.312 1.637-.95 2.196q-.951.84-2.789.841H42.471q-2.436 0-3.505-1.079q-1.063-1.079-1.065-3.491V17.551q-.001-2.259 1.019-3.391c.677-.75 1.568-1.13 2.676-1.13c1.116 0 2.029.377 2.722 1.118q1.04 1.119 1.042 3.403"/></svg>

Cl Button アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Emoji One (v1) の関連アイコン

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

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

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

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

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

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

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

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

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