Customs アイコン
noto-v1:customs
Customs アイコン(noto-v1:customs)は、Noto Emoji (v1) セットの無料 SVG アイコンです(作者: Google Inc)。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 記号
- タグ
- custom
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#006ca2" d="M121.03 0H7.02C3.24 0 .14 3.09.14 6.88v114.01c0 3.79 3.1 6.88 6.88 6.88h114.01c3.78 0 6.88-3.09 6.88-6.88V6.88c0-3.79-3.1-6.88-6.88-6.88"/><g fill="#fff"><path d="M98.61 38.33H66.08a1.66 1.66 0 0 1-1.5-2.37l1.84-3.88h32.56v2.94z"/><path d="M98.69 32.08H69.06c-.19.95-.29 1.93-.29 2.94c0 8.34 6.76 15.1 15.1 15.1s15.1-6.76 15.1-15.1c.01-1.01-.09-1.99-.28-2.94M83.88 19.91c-5.39 0-10.1 2.83-12.78 7.08h25.55c-2.67-4.25-7.39-7.08-12.77-7.08"/><path d="M98.98 26.99H66.42l-2.18-6.08c-.38-1.07.41-2.19 1.54-2.19h33.2zM95.2 54.11H72.3c-5.61 0-10.56 2.81-13.53 7.09l-.01-.01l-19.32 27.7c-1.74 2.49-1.14 5.92 1.35 7.67s5.92 1.14 7.67-1.35l14.48-20.76c.85-1.08 2.2-1.99 3.35-1.99c1.23 0 2.48 1 2.48 2.23V88.9zm9.11 1.28L74.93 94.05h24.05V74.68c0-1.23 1-2.23 2.23-2.23s2.23 1 2.23 2.23v27.59c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V70.6c0-6.85-4.18-12.72-10.13-15.21m-87.48 48.3h8.77V69.12h-8.77a2.67 2.67 0 0 0-2.67 2.67v29.23a2.67 2.67 0 0 0 2.67 2.67m43.33 8.77v-8.77H25.6v8.77a2.67 2.67 0 0 0 2.67 2.67H57.5c1.47 0 2.66-1.2 2.66-2.67"/><path d="M68.77 100.86h30.21v8.2H68.77z"/></g></svg>Customs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:customs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:customs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:customs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--customs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:customs"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:customs"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/customs.svg" alt="Customs アイコン" width="24" height="24">他のアイコンセットの Customs アイコン
Customs アイコン のよくある質問
Customs アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Customs アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:customs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Customs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/customs.svg" alt="Customs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。