Passportcontrol icon
fxemoji:passportcontrol
The Passportcontrol icon (fxemoji:passportcontrol) 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
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"/><path fill="#FFF" d="m107.281 220.547l78.713-20.707a7.2 7.2 0 0 0 5.143-6.9V64.73c0-4.818-4.64-8.276-9.257-6.9l-78.713 20.707a7.2 7.2 0 0 0-5.143 6.9v128.21c0 4.818 4.64 8.276 9.257 6.9"/><circle cx="356.243" cy="150.765" r="57.31" fill="#FFF"/><path fill="#FFF" d="M416.865 235.945c-3.415-6.436-10.177-10.823-17.971-10.823H273.926c-.375 0-.741.036-1.111.056l-.528.027c-.197.016-.396.024-.591.045c-25.045 1.718-44.9 22.628-44.9 48.101c0 13.065-3.592 30.139-20.701 37.277c-15.319 6.392-41.449 3.728-62.618-17.226c-7.983-7.901-20.862-7.836-28.765.147c-7.902 7.984-7.836 20.862.147 28.765c29.952 29.646 72.912 40.039 106.899 25.856c29.054-12.122 45.717-39.393 45.717-74.82c0-4.162 3.386-7.549 7.549-7.549c4.162 0 7.549 3.387 7.549 7.549v112.834c0 1.106.112 2.184.283 3.243v41.338c0 14.542 11.789 26.331 26.331 26.331h94.109c14.542 0 26.331-11.789 26.331-26.331V265.048c.001-11.511-4.917-21.87-12.762-29.103"/><path fill="#597B91" d="M421.117 138.817H297.558a8.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.519c0 4.7-3.81 8.511-8.511 8.511"/><path fill="#FFF" d="M413.016 83.078c0-5.611-4.549-10.16-10.16-10.16H319.36c-5.611 0-10.16 4.549-10.16 10.16v13.92h-18.153a8.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="m163.423 257.14l-78.567-23.423a8.14 8.14 0 0 1-5.818-7.805V80.884c0-5.45 5.249-9.362 10.471-7.805l78.567 23.423a8.14 8.14 0 0 1 5.818 7.805v145.028c.001 5.45-5.248 9.362-10.471 7.805"/><path fill="#FFF" d="m153.637 246.468l-69.456-20.707a7.2 7.2 0 0 1-5.143-6.9V90.652c0-4.818 4.64-8.276 9.257-6.9l69.456 20.707a7.2 7.2 0 0 1 5.143 6.9v128.21c.001 4.817-4.639 8.276-9.257 6.899"/><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"/></svg>How to use the Passportcontrol icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:passportcontrol" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:passportcontrol" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:passportcontrol" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--passportcontrol]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:passportcontrol"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:passportcontrol"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/passportcontrol.svg" alt="Passportcontrol icon" width="24" height="24">Passportcontrol icon FAQ
Is the Passportcontrol 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 Passportcontrol icon in React?
Install @iconify/react and render <Icon icon="fxemoji:passportcontrol" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Passportcontrol icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/passportcontrol.svg" alt="Passportcontrol icon">, or paste the SVG code inline to style it with CSS.