Passport icon in outline, twotone, bold and bulk. Free in all four styles, for courses, library, certificates, office work. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconPassport } from "@devigner-ui/icons";
<IconPassport className="size-6" />
<script setup>
import { IconPassport } from "@devigner-ui/icons-vue";
</script>
<template>
<IconPassport class="size-6" />
</template>
<script>
import { IconPassport } from "@devigner-ui/icons-svelte";
</script>
<IconPassport class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6v13a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm0 0V5" stroke="currentColor" stroke-width="1.5"></path><circle opacity="1" cx="12" cy="13.0005" r="3" stroke="currentColor" stroke-width="1.5"></circle><path d="M18 6v.75h.75V6zm-2.28-3.67-.1-.75zM4.92 3.87l-.1-.74zm.15 2.88H18v-1.5H5.07zM18.75 6V4.3h-1.5V6zm-3.14-4.42L4.81 3.13l.22 1.48 10.8-1.54zM4.81 3.13c-.9.12-1.56.9-1.56 1.8h1.5c0-.16.12-.3.28-.32zM18.75 4.3a2.75 2.75 0 0 0-3.14-2.73l.21 1.49c.76-.1 1.43.48 1.43 1.24zm-13.68.94a.3.3 0 0 1-.32-.32h-1.5c0 1 .82 1.82 1.82 1.82z" fill="currentColor"></path><path opacity="1" d="M10 19h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>