ICONYZ
Bahasa Indonesia
Ikon Postman dari Skill Icons

Ikon Postman

skill-icons:postman

Ikon Postman (skill-icons:postman) adalah ikon SVG gratis dari set Skill Icons karya tandpfun. Ikon ini digambar pada grid 256 × 256. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Skill Icons
Pembuat
tandpfun
Lisensi
MIT
Ukuran
256 × 256
Download SVG

Kode SVG

<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>

Cara memakai ikon Postman

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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/postman.svg" alt="Ikon Postman" width="24" height="24">

Ikon Postman di set ikon lain

FAQ Ikon Postman

Apakah ikon Postman gratis untuk penggunaan komersial?

Ya. Skill Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Postman di React?

Pasang @iconify/react lalu render <Icon icon="skill-icons:postman" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Postman ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/skill-icons/postman.svg" alt="Ikon Postman">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Skill Icons →