Ok Stencil アイコン

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

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

openmoji:ok-stencil

Ok Stencil アイコン(openmoji:ok-stencil)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: OpenMoji 追加分
タグ: okstencil

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" d="M59 60H13a1 1 0 0 1-1-1V13a1 1 0 0 1 1-1h46c.55 0 .998.447 1 1v46a.945.945 0 0 1-1 1"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M59 60H13a1 1 0 0 1-1-1V13a1 1 0 0 1 1-1h46c.55 0 .998.447 1 1v46a.945.945 0 0 1-1 1z"/><path d="M39.099 41.6a1 1 0 0 1-1-1v-9.4a1 1 0 1 1 2 0v9.4a1 1 0 0 1-.999 1zm7.224-1.645l-3.714-4.41l3.205-3.69a1 1 0 0 0-1.51-1.312l-2.912 3.353v3.307l3.402 4.041a1 1 0 1 0 1.53-1.289m-16.461-.451a2.36 2.36 0 0 1-1.753-2.305v-2.7a2.36 2.36 0 0 1 1.753-2.304v-2.032a4.333 4.333 0 0 0-3.753 4.336v2.7a4.333 4.333 0 0 0 3.753 4.337zm1.293-9.341v2.032a2.36 2.36 0 0 1 1.753 2.304v2.7a2.36 2.36 0 0 1-1.753 2.305v2.032a4.333 4.333 0 0 0 3.753-4.337v-2.7a4.333 4.333 0 0 0-3.753-4.336"/></svg>

Ok Stencil アイコンの使い方

React

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

<Icon icon="openmoji:ok-stencil" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:ok-stencil" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:ok-stencil" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--ok-stencil]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:ok-stencil"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:ok-stencil"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/ok-stencil.svg" alt="Ok Stencil アイコン" width="24" height="24">

OpenMoji の関連アイコン

Ok Stencil アイコンのよくある質問

Ok Stencil アイコンは商用利用でも無料ですか?

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

React で Ok Stencil アイコンを使うには?

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

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

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

OpenMoji アイコンをすべて見る →