Customs アイコン

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

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:customs

Customs アイコン(noto:customs)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 記号
タグ: custom

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#194FA5" d="M116 4H12c-4.42 0-8 3.58-8 8v104c0 4.42 3.58 8 8 8h104c4.42 0 8-3.58 8-8V12c0-4.42-3.58-8-8-8"/><path fill="#2262DD" d="M109.7 4H11.5A7.555 7.555 0 0 0 4 11.5v97.9c-.01 4.14 3.34 7.49 7.48 7.5h98.12c4.14.01 7.49-3.34 7.5-7.48V11.5c.09-4.05-3.13-7.41-7.18-7.5z"/><path fill="#68ABE6" d="M39.7 12.9c0-2.3-1.6-3-10.8-2.7c-7.7.3-11.5 1.2-13.8 4c-1.9 2.3-2.3 5.6-2.6 8.4c-.2 2.2-2.2 15.9 3.5 12.2c.68-.45 1.23-1.07 1.6-1.8c1.2-2.1 1.9-4.5 3.3-6.6c5.3-8.6 18.8-10.5 18.8-13.5"/><path fill="#424242" d="m97 64.4l.3-.4H97z" opacity=".2"/><path fill="#FAFAFA" d="M65.4 21.2c-1.1-1.23-1-3.13.24-4.24a2.97 2.97 0 0 1 1.96-.76H99c1.1 0 2 .9 2 2v5.1c0 1.1-.9 2-2 2H72.1c-3.6 0-6.7-4.1-6.7-4.1M96 112H70a.94.94 0 0 1-1-.88V105c-.03-.52.36-.97.88-1H96c.52-.03.97.36 1 .88V111c.03.52-.36.97-.88 1zm5-82c0-1.1-.9-2-2-2H71.1c-.82.02-1.64.19-2.4.5l-4.3 1.9c-.94.58-1.23 1.81-.65 2.75c.37.6 1.04.96 1.75.95H70c.55 0 1 .44 1.01.99c0 .04 0 .07-.01.11v.9c0 8.28 6.72 15 15 15s15-6.72 15-15zM69.1 73.2V87c0 .55.45 1 1 1c.31 0 .61-.15.8-.4L93.5 60c.5-.7 1.8-4-.8-4H76.1c-2.58.02-5.08.9-7.1 2.5c-.52.42-.98.88-1.4 1.4L53.3 73.8c-.98.91-2.27 1.41-3.6 1.4H34.4c-2.73-.02-5.04 2-5.4 4.7a5.16 5.16 0 0 0 5.1 5.7h20.7a5.22 5.22 0 0 0 3.7-1.6l6.5-6.6c0-.1 4.1-4.2 4.1-4.2"/><path fill="#FAFAFA" d="M103.2 59.4c-.18-.17-.38-.3-.6-.4c-.45-.29-1.05-.21-1.4.2L69.3 98.4a1.003 1.003 0 0 0 .8 1.6H97V73c0-.55.45-1 1-1s1 .45 1 1v33.8a5.19 5.19 0 0 0 4.5 5.2a4.99 4.99 0 0 0 5.47-4.47c.02-.17.03-.35.03-.53V71.4c.02-4.68-2.12-9.11-5.8-12M23.3 106v-3.4c0-.5.4-.9.9-.9H60c.55 0 1 .45 1 1v3.3c0 3.31-2.69 6-6 6H29.3c-3.31 0-6-2.69-6-6m-.9-4.3H19c-3.31 0-6-2.69-6-6V70c0-3.31 2.69-6 6-6h3.3c.55 0 1 .45 1 1v35.9c-.04.46-.44.81-.9.8"/></svg>

Customs アイコンの使い方

React

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

<Icon icon="noto:customs" width="24" />

Vue

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

<template>
  <Icon icon="noto:customs" width="24" />
</template>

Svelte

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

<Icon icon="noto:customs" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--customs]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:customs"></div>

Web コンポーネント

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

<iconify-icon icon="noto:customs"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/customs.svg" alt="Customs アイコン" width="24" height="24">

他のアイコンセットの Customs アイコン

Customs アイコンのよくある質問

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

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Noto Emoji アイコンをすべて見る →