Postman icon
skill-icons:postman
The Postman icon (skill-icons:postman) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill Icons are released under the MIT 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
- Skill Icons
- Author
- tandpfun
- License
- MIT
- Size
- 256 × 256
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#ff6c37" rx="60"/><path fill="#eee" d="m169.061 88.612l-50.54 50.541l-14.253-14.252c49.703-49.702 54.614-45.39 64.793-36.289"/><path fill="#ff6c37" d="M118.521 140.35c-.36 0-.599-.119-.839-.359l-14.372-14.252a1.157 1.157 0 0 1 0-1.676c50.541-50.542 55.81-45.751 66.47-36.17c.24.24.359.48.359.839c0 .36-.119.599-.359.837l-50.541 50.422c-.119.24-.479.359-.718.359m-12.576-15.449l12.576 12.575l48.744-48.744c-8.862-7.905-14.851-10.3-61.32 36.169"/><path fill="#eee" d="m133.012 153.645l-13.773-13.773l50.541-50.54c13.534 13.652-6.707 35.809-36.768 64.313"/><path fill="#ff6c37" d="M133.012 154.843c-.36 0-.598-.12-.838-.36l-13.773-13.773c-.24-.239-.24-.479-.24-.838c0-.36.12-.599.36-.839l50.54-50.54a1.16 1.16 0 0 1 1.677 0a14.58 14.58 0 0 1 4.671 11.138c-.239 13.293-15.33 30.18-41.439 54.852c-.359.24-.719.36-.958.36m-12.096-14.971c7.664 7.784 10.899 10.899 12.096 12.096c20.121-19.162 39.642-38.804 39.762-52.337c.12-3.114-1.077-6.228-3.114-8.624z"/><path fill="#eee" d="m104.508 125.26l10.18 10.18q.359.36 0 .719c-.12.12-.12.12-.239.12l-21.08 4.551c-1.077.12-2.035-.599-2.275-1.677c-.12-.599.12-1.197.48-1.557l12.215-12.216c.24-.24.599-.36.719-.12"/><path fill="#ff6c37" d="M93.01 142.028c-1.796 0-3.114-1.438-3.114-3.235c0-.837.36-1.676.959-2.275l12.215-12.216c.719-.599 1.678-.599 2.396 0l10.18 10.18c.718.599.718 1.677 0 2.395c-.24.24-.479.36-.839.48l-21.078 4.551c-.24 0-.48.12-.719.12m11.139-15.451l-11.737 11.737c-.24.24-.36.599-.12.958c.12.36.478.48.838.36l19.761-4.312z"/><path fill="#eee" d="M195.769 60.588c-7.665-7.425-20.001-7.186-27.427.599c-7.425 7.784-7.185 20 .599 27.426a19.35 19.35 0 0 0 23.475 2.635l-13.654-13.654z"/><path fill="#ff6c37" d="M182.355 95.2c-11.377 0-20.599-9.222-20.599-20.6S170.978 54 182.355 54c5.27 0 10.42 2.036 14.252 5.749c.24.24.36.48.36.838c0 .36-.12.6-.36.839l-16.168 16.168l12.695 12.695c.48.48.48 1.198 0 1.677l-.239.24c-3.114 1.915-6.827 2.994-10.54 2.994m0-38.684c-10.06 0-18.204 8.143-18.084 18.204c0 10.06 8.143 18.204 18.204 18.085c2.755 0 5.509-.6 8.024-1.917l-12.575-12.455c-.24-.24-.359-.48-.359-.839c0-.36.119-.599.359-.838l16.049-16.049c-3.234-2.754-7.306-4.191-11.618-4.191"/><path fill="#eee" d="m196.128 60.947l-.239-.24l-17.127 16.887l13.534 13.534c1.318-.839 2.634-1.796 3.713-2.874a19.195 19.195 0 0 0 .119-27.307"/><path fill="#ff6c37" d="M192.416 92.445c-.36 0-.599-.12-.839-.36l-13.653-13.653c-.24-.24-.359-.479-.359-.838c0-.36.119-.6.359-.839L194.93 59.75c.48-.48 1.198-.48 1.677 0l.36.24c8.024 8.023 8.024 20.958.12 29.103c-1.198 1.197-2.516 2.275-3.953 3.113c-.359.12-.598.24-.718.24m-11.977-14.851l12.097 12.096c.958-.598 1.916-1.437 2.634-2.156c6.827-6.827 7.186-17.964.599-25.15z"/><path fill="#eee" d="M171.098 90.767a7.374 7.374 0 0 0-10.42 0l-45.152 45.152l7.546 7.545l47.786-41.917c3.114-2.636 3.353-7.307.719-10.42c-.24-.12-.36-.24-.479-.36"/><path fill="#ff6c37" d="M122.952 144.662c-.359 0-.599-.12-.839-.359l-7.545-7.545a1.16 1.16 0 0 1 0-1.677l45.151-45.152a8.53 8.53 0 0 1 12.097 0a8.53 8.53 0 0 1 0 12.097l-.359.359l-47.787 41.918q-.179.359-.718.359m-5.749-8.743l5.869 5.869l46.948-41.2c2.634-2.156 2.874-6.108.718-8.742s-6.108-2.874-8.743-.72c-.119.12-.239.24-.479.36z"/><path fill="#eee" d="M80.914 187.3c-.48.239-.719.718-.6 1.197l2.037 8.624c.48 1.197-.24 2.635-1.557 2.994c-.958.359-2.035 0-2.634-.718l-13.175-13.055l42.996-42.996l14.851.239l10.06 10.061c-2.395 2.036-16.887 16.048-51.978 33.654"/><path fill="#ff6c37" d="M79.956 201.311c-.958 0-1.916-.359-2.515-1.077l-13.055-13.055c-.24-.239-.359-.479-.359-.838s.12-.599.36-.839l42.995-42.995c.24-.24.599-.36.839-.36l14.851.24c.359 0 .598.12.837.359l10.061 10.06c.24.24.359.599.359.958c0 .36-.119.599-.479.839l-.838.719c-12.695 11.137-29.942 22.276-51.38 32.935l2.037 8.503c.359 1.557-.36 3.234-1.797 4.072c-.719.359-1.317.479-1.916.479m-13.175-14.97l12.337 12.216c.358.599 1.077.838 1.676.479s.839-1.078.48-1.677l-2.036-8.623c-.24-1.078.238-2.036 1.197-2.515c21.198-10.659 38.325-21.677 50.9-32.576l-8.862-8.863l-13.773-.24z"/><path fill="#eee" d="m54.805 196.641l10.3-10.3l15.33 15.33l-24.432-1.676c-1.078-.12-1.797-1.078-1.677-2.157c0-.479.12-.958.48-1.197"/><path fill="#ff6c37" d="m80.435 202.749l-24.552-1.677c-1.797-.12-2.995-1.676-2.875-3.473c.12-.719.36-1.437.959-1.916l10.3-10.3a1.157 1.157 0 0 1 1.676 0l15.33 15.33c.36.359.48.838.24 1.318q-.36.718-1.078.718m-15.33-14.731l-9.461 9.461c-.36.24-.36.839 0 1.078c.12.12.24.24.479.24l21.198 1.437zm38.684-39.163c-.719 0-1.198-.599-1.198-1.198c0-.359.12-.598.36-.838l11.617-11.617a1.157 1.157 0 0 1 1.677 0l7.545 7.545c.359.359.479.718.359 1.198c-.12.359-.479.718-.957.838l-19.163 4.072zm11.617-11.138l-7.904 7.905l12.934-2.756z"/><path fill="#eee" d="m122.832 143.584l-13.174 2.875c-.958.24-1.917-.359-2.156-1.317c-.12-.599 0-1.198.479-1.677l7.305-7.306z"/><path fill="#ff6c37" d="M109.418 147.657a2.964 2.964 0 0 1-2.994-2.994c0-.838.359-1.557.838-2.155l7.306-7.306a1.157 1.157 0 0 1 1.677 0l7.545 7.545c.359.359.479.718.359 1.198c-.12.359-.479.718-.957.838l-13.175 2.874zm5.988-9.94l-6.467 6.467c-.239.24-.239.479-.12.719q.18.359.719.359l11.018-2.396zm80.842-65.274c-.239-.718-1.078-1.077-1.797-.837c-.718.238-1.077 1.077-.837 1.796c0 .12.119.24.119.359c.718 1.438.48 3.234-.479 4.551c-.479.6-.359 1.438.12 1.917c.599.478 1.437.36 1.916-.24c1.797-2.276 2.156-5.15.958-7.546"/></g></svg>How to use the Postman icon
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:postman" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:postman" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:postman" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--postman]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:postman"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:postman"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/skill-icons/postman.svg" alt="Postman icon" width="24" height="24">Postman icon in other icon sets
Postman icon FAQ
Is the Postman icon free for commercial use?
Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Postman icon in React?
Install @iconify/react and render <Icon icon="skill-icons:postman" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Postman icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/postman.svg" alt="Postman icon">, or paste the SVG code inline to style it with CSS.