Customs icon
fxemoji:customs
The Customs icon (fxemoji:customs) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Symbols
- Tags
- custom
SVG code
<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>How to use the Customs icon
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:customs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/customs.svg" alt="Customs icon" width="24" height="24">Customs icon in other icon sets
Customs icon FAQ
Is the Customs icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Customs icon in React?
Install @iconify/react and render <Icon icon="fxemoji:customs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Customs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/customs.svg" alt="Customs icon">, or paste the SVG code inline to style it with CSS.