passport icon
passport-outline-sharp from Material Symbols by Google · Outline Sharp · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- passport-outline-sharp
- Set
- Material Symbols
- Style
- Outline Sharp
- Category
- Travel
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols
The same icon in other sets
passportBootstrap IconspassportDeviconpassportFont Awesome 6 SolidpassportFont Awesome SolidpassportHuge IconspassportIconParkpassportIconPark OutlinepassportIconPark SolidpassportIconPark TwoTonepassportLine AwesomepassportSVG LogospassportMaterial Symbols LightpassportMaterial Design Iconspassport-fillMingCute Iconpassport-fillRemix IconpassportSimple Iconspassport-boldSolar
More travel icons from Material Symbols
airline-seat-flatairline-seat-flat-angledairline-seat-individual-suiteairline-seat-legroom-extraairline-seat-legroom-normalairline-seat-legroom-reducedairline-seat-recline-extraairline-seat-recline-normalairplane-ticketapartmentattractionsbakery-diningbath-bedrockbeach-accessbeer-mealbentobreakfast-diningbrunch-diningbungalowcabincar-rentalcar-repaircarpentercarry-on-bag
Use the passport icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 18.5h7V17h-7zm3.5-3q2.075 0 3.538-1.463T17 10.5t-1.463-3.537T12 5.5T8.463 6.963T7 10.5t1.463 3.538T12 15.5m0-1.675q-.2-.275-.425-.913t-.3-1.662h1.45q-.075 1.025-.3 1.663t-.425.912m-1.8-.325q-.6-.375-1.025-.95t-.575-1.3h1.175q.05.625.15 1.188T10.2 13.5m3.6 0q.175-.5.275-1.062t.15-1.188H15.4q-.15.725-.575 1.3t-1.025.95M8.6 9.75q.15-.725.575-1.3T10.2 7.5q-.175.5-.275 1.062t-.15 1.188zm2.675 0q.075-1.025.3-1.662T12 7.175q.2.275.425.913t.3 1.662zm2.95 0q-.05-.625-.15-1.187T13.8 7.5q.6.375 1.025.95t.575 1.3zM4 22V2h16v20zm2-2h12V4H6zm0 0V4z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsPassportOutlineSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 18.5h7V17h-7zm3.5-3q2.075 0 3.538-1.463T17 10.5t-1.463-3.537T12 5.5T8.463 6.963T7 10.5t1.463 3.538T12 15.5m0-1.675q-.2-.275-.425-.913t-.3-1.662h1.45q-.075 1.025-.3 1.663t-.425.912m-1.8-.325q-.6-.375-1.025-.95t-.575-1.3h1.175q.05.625.15 1.188T10.2 13.5m3.6 0q.175-.5.275-1.062t.15-1.188H15.4q-.15.725-.575 1.3t-1.025.95M8.6 9.75q.15-.725.575-1.3T10.2 7.5q-.175.5-.275 1.062t-.15 1.188zm2.675 0q.075-1.025.3-1.662T12 7.175q.2.275.425.913t.3 1.662zm2.95 0q-.05-.625-.15-1.187T13.8 7.5q.6.375 1.025.95t.575 1.3zM4 22V2h16v20zm2-2h12V4H6zm0 0V4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5 18.5h7V17h-7zm3.5-3q2.075 0 3.538-1.463T17 10.5t-1.463-3.537T12 5.5T8.463 6.963T7 10.5t1.463 3.538T12 15.5m0-1.675q-.2-.275-.425-.913t-.3-1.662h1.45q-.075 1.025-.3 1.663t-.425.912m-1.8-.325q-.6-.375-1.025-.95t-.575-1.3h1.175q.05.625.15 1.188T10.2 13.5m3.6 0q.175-.5.275-1.062t.15-1.188H15.4q-.15.725-.575 1.3t-1.025.95M8.6 9.75q.15-.725.575-1.3T10.2 7.5q-.175.5-.275 1.062t-.15 1.188zm2.675 0q.075-1.025.3-1.662T12 7.175q.2.275.425.913t.3 1.662zm2.95 0q-.05-.625-.15-1.187T13.8 7.5q.6.375 1.025.95t.575 1.3zM4 22V2h16v20zm2-2h12V4H6zm0 0V4z"/></svg> </template>
CSS
.icon-passport-outline-sharp {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.5%2018.5h7V17h-7zm3.5-3q2.075%200%203.538-1.463T17%2010.5t-1.463-3.537T12%205.5T8.463%206.963T7%2010.5t1.463%203.538T12%2015.5m0-1.675q-.2-.275-.425-.913t-.3-1.662h1.45q-.075%201.025-.3%201.663t-.425.912m-1.8-.325q-.6-.375-1.025-.95t-.575-1.3h1.175q.05.625.15%201.188T10.2%2013.5m3.6%200q.175-.5.275-1.062t.15-1.188H15.4q-.15.725-.575%201.3t-1.025.95M8.6%209.75q.15-.725.575-1.3T10.2%207.5q-.175.5-.275%201.062t-.15%201.188zm2.675%200q.075-1.025.3-1.662T12%207.175q.2.275.425.913t.3%201.662zm2.95%200q-.05-.625-.15-1.187T13.8%207.5q.6.375%201.025.95t.575%201.3zM4%2022V2h16v20zm2-2h12V4H6zm0%200V4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.5%2018.5h7V17h-7zm3.5-3q2.075%200%203.538-1.463T17%2010.5t-1.463-3.537T12%205.5T8.463%206.963T7%2010.5t1.463%203.538T12%2015.5m0-1.675q-.2-.275-.425-.913t-.3-1.662h1.45q-.075%201.025-.3%201.663t-.425.912m-1.8-.325q-.6-.375-1.025-.95t-.575-1.3h1.175q.05.625.15%201.188T10.2%2013.5m3.6%200q.175-.5.275-1.062t.15-1.188H15.4q-.15.725-.575%201.3t-1.025.95M8.6%209.75q.15-.725.575-1.3T10.2%207.5q-.175.5-.275%201.062t-.15%201.188zm2.675%200q.075-1.025.3-1.662T12%207.175q.2.275.425.913t.3%201.662zm2.95%200q-.05-.625-.15-1.187T13.8%207.5q.6.375%201.025.95t.575%201.3zM4%2022V2h16v20zm2-2h12V4H6zm0%200V4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/passport-outline-sharp.svg?color=%231a73e8&size=48
