Sos Stencil アイコン

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

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

openmoji:sos-stencil

Sos Stencil アイコン(openmoji:sos-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 追加分
タグ: sosstencil

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fcea2b" 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="M26.597 32.837c.369.095.67.362.807.718a1.02 1.02 0 1 0 1.991-.442a3.305 3.305 0 0 0-2.798-2.386zm-1.317 6.077a1.57 1.57 0 0 1-1.218-.909a1.02 1.02 0 1 0-1.936.644a3.65 3.65 0 0 0 3.153 2.333v-2.068"/><path d="M25.894 34.815a1 1 0 0 0-.096-.004c-.946 0-1.58-.549-1.58-1.06c0-.41.412-.84 1.06-.996v-2.062a3.254 3.254 0 0 0-3.1 3.057a3.32 3.32 0 0 0 3.421 3.097q.047.004.096.004c.946 0 1.581.549 1.581 1.06a1.06 1.06 0 0 1-.678.866v2.131a3.186 3.186 0 0 0 2.718-2.996a3.32 3.32 0 0 0-3.422-3.097m20.076 4.092a1.55 1.55 0 0 1-1.163-.902a1.02 1.02 0 0 0-1.935.645a3.65 3.65 0 0 0 3.097 2.328zm1.318-6.093c.393.088.716.366.862.741a1.02 1.02 0 1 0 1.991-.442a3.32 3.32 0 0 0-2.854-2.398z"/><path d="M46.64 34.815a1 1 0 0 0-.095-.004c-.946 0-1.581-.549-1.581-1.06c0-.4.388-.817 1.005-.984v-2.07a3.245 3.245 0 0 0-3.045 3.053a3.32 3.32 0 0 0 3.42 3.097l.097.004c.945 0 1.58.549 1.58 1.06a1.08 1.08 0 0 1-.733.888v2.123a3.2 3.2 0 0 0 2.774-3.01a3.32 3.32 0 0 0-3.422-3.097m-11.108 4.043a1.99 1.99 0 0 1-1.358-1.882v-2.394a1.99 1.99 0 0 1 1.358-1.883v-2.09a4.03 4.03 0 0 0-3.398 3.973v2.393a4.03 4.03 0 0 0 3.398 3.973zm1.318-8.245v2.098a1.99 1.99 0 0 1 1.319 1.87v2.394a1.99 1.99 0 0 1-1.319 1.87v2.098a4.035 4.035 0 0 0 3.36-3.967v-2.394a4.035 4.035 0 0 0-3.36-3.969"/></svg>

Sos Stencil アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

OpenMoji の関連アイコン

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

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

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

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

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

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

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

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