Customs アイコン
fxemoji:customs
Customs アイコン(fxemoji:customs)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 記号
- タグ
- custom
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#597B91" d="M509.167 31.832c0-16.316-13.35-29.666-29.666-29.666H29.866c-14.685 0-26.699 12.015-26.699 26.699v452.602c0 14.685 12.015 26.699 26.699 26.699h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#2B5770" d="M479.501 488.082H29.866c-14.684 0-26.699-12.015-26.699-26.699v20.085c0 14.685 12.015 26.699 26.699 26.699h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.35 29.666-29.666 29.666"/><circle cx="367.647" cy="123.181" r="57.31" fill="#FFF"/><path fill="#FFF" d="M428.27 208.361c-3.415-6.436-10.177-10.823-17.971-10.823H285.33c-.375 0-.741.036-1.111.056l-.528.027c-.197.016-.396.024-.591.045c-25.045 1.718-44.899 22.628-44.899 48.101c0 56.719-58.853 103.354-59.798 104.094c-8.87 6.869-10.504 19.627-3.647 28.511c4.007 5.191 10.028 7.912 16.116 7.912c4.339 0 8.713-1.383 12.414-4.239c3.087-2.383 75.595-59.237 75.595-136.277c0-4.163 3.387-7.549 7.549-7.549s7.549 3.386 7.549 7.549v112.834c0 1.106.112 2.184.282 3.242v41.339c0 14.542 11.789 26.331 26.331 26.331h94.109c14.542 0 26.331-11.789 26.331-26.331V237.464c0-11.511-4.918-21.87-12.762-29.103"/><path fill="#597B91" d="M432.521 111.232H308.962a8.51 8.51 0 0 1-8.511-8.511v-5.519a8.51 8.51 0 0 1 8.511-8.511h123.559a8.51 8.51 0 0 1 8.511 8.511v5.519a8.51 8.51 0 0 1-8.511 8.511"/><path fill="#FFF" d="M424.421 55.494c0-5.611-4.549-10.16-10.16-10.16h-98.924c-5.012 0-8.263 5.285-6.003 9.758l7.234 14.322h-14.115a8.19 8.19 0 0 0-8.19 8.19v6.162a8.19 8.19 0 0 0 8.19 8.19h113.779a8.19 8.19 0 0 0 8.19-8.19v-6.162c0-.067-.008-.131-.01-.197h.01z"/><path fill="#597B91" d="M256.877 472.502a20.4 20.4 0 0 1-11.987-3.884c-9.178-6.63-11.244-19.444-4.614-28.622l200-276.882c6.63-9.18 19.443-11.244 28.622-4.614c9.178 6.629 11.244 19.444 4.614 28.622l-200 276.882c-4.007 5.549-10.276 8.498-16.635 8.498"/><path fill="#FFF" d="M113.29 415.672H97.576c-14.695 0-26.608-11.913-26.608-26.608v-71.62c0-14.695 11.913-26.608 26.608-26.608h9.099a6.615 6.615 0 0 1 6.615 6.615zm132.645 6.508v8.697c0 14.976-12.141 27.117-27.117 27.117h-78.41c-14.976 0-27.117-12.141-27.117-27.117v-15.206h126.136a6.51 6.51 0 0 1 6.508 6.509"/></svg>
Customs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:customs" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:customs" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:customs" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--customs]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:customs"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:customs"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/customs.svg" alt="Customs アイコン" width="24" height="24">
Customs アイコン のよくある質問
Customs アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Customs アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:customs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Customs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/customs.svg" alt="Customs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
