Gentleface › Business & office › certificate

certificate icon

Certificate: certificate, license, diploma, certification. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11 1C11.254 1 11.5 1.047 11.736 1.14C11.993 1.242 12.219 1.391 12.414 1.586C12.609 1.781 12.758 2.007 12.86 2.264C12.953 2.5 13 2.746 13 3L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 3C12 2.724 11.902 2.488 11.707 2.293C11.512 2.098 11.276 2 11 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 9C2 9.276 2.098 9.512 2.293 9.707C2.488 9.902 2.724 10 3 10L8.5 10C8.641 10 8.759 10.048 8.856 10.144C8.952 10.241 9 10.359 9 10.5C9 10.641 8.952 10.759 8.856 10.856C8.759 10.952 8.641 11 8.5 11L3 11C2.746 11 2.5 10.953 2.264 10.86C2.007 10.758 1.781 10.609 1.586 10.414C1.391 10.219 1.242 9.993 1.14 9.736C1.047 9.5 1 9.254 1 9L1 3C1 2.746 1.047 2.5 1.14 2.264ZM4.144 4.856C4.048 4.759 4 4.641 4 4.5C4 4.359 4.048 4.241 4.144 4.144C4.241 4.048 4.359 4 4.5 4L9.5 4C9.641 4 9.759 4.048 9.856 4.144C9.952 4.241 10 4.359 10 4.5C10 4.641 9.952 4.759 9.856 4.856C9.759 4.952 9.641 5 9.5 5L4.5 5C4.359 5 4.241 4.952 4.144 4.856ZM4.144 7.856C4.048 7.759 4 7.641 4 7.5C4 7.359 4.048 7.241 4.144 7.144C4.241 7.048 4.359 7 4.5 7L7.5 7C7.641 7 7.759 7.048 7.856 7.144C7.952 7.241 8 7.359 8 7.5C8 7.641 7.952 7.759 7.856 7.856C7.759 7.952 7.641 8 7.5 8L4.5 8C4.359 8 4.241 7.952 4.144 7.856ZM14 14.5C14 14.641 13.952 14.759 13.856 14.856C13.759 14.952 13.641 15 13.5 15C13.359 15 13.241 14.952 13.144 14.856C13.048 14.759 13 14.641 13 14.5L13 13.707L12.5 13.207L12 13.707L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15C11.359 15 11.241 14.952 11.144 14.856C11.048 14.759 11 14.641 11 14.5L11 13.5C11 13.362 11.049 13.244 11.146 13.146L11.501 12.792C11.212 12.666 10.956 12.492 10.732 12.268C10.488 12.024 10.303 11.741 10.176 11.42C10.059 11.125 10 10.818 10 10.5C10 10.182 10.059 9.875 10.176 9.58C10.303 9.259 10.488 8.976 10.732 8.732C10.976 8.488 11.259 8.303 11.58 8.176C11.875 8.059 12.182 8 12.5 8C12.818 8 13.125 8.059 13.42 8.176C13.741 8.303 14.024 8.488 14.268 8.732C14.512 8.976 14.697 9.259 14.824 9.58C14.941 9.875 15 10.182 15 10.5C15 10.818 14.941 11.125 14.824 11.42C14.697 11.741 14.512 12.024 14.268 12.268C14.044 12.492 13.788 12.666 13.499 12.792L13.854 13.146C13.951 13.244 14 13.362 14 13.5L14 14.5ZM13.561 11.561C13.707 11.414 13.818 11.245 13.895 11.052C13.965 10.875 14 10.691 14 10.5C14 10.309 13.965 10.125 13.895 9.948C13.818 9.755 13.707 9.586 13.561 9.439C13.414 9.293 13.245 9.182 13.052 9.105C12.875 9.035 12.691 9 12.5 9C12.309 9 12.125 9.035 11.948 9.105C11.755 9.182 11.586 9.293 11.439 9.439C11.293 9.586 11.182 9.755 11.105 9.948C11.035 10.125 11 10.309 11 10.5C11 10.691 11.035 10.875 11.105 11.052C11.182 11.245 11.293 11.414 11.439 11.561C11.586 11.707 11.755 11.818 11.948 11.895C12.125 11.965 12.309 12 12.5 12C12.691 12 12.875 11.965 13.052 11.895C13.245 11.818 13.414 11.707 13.561 11.561Z"/></svg>

React

// Gentleface "certificate" (line-round), MIT. https://gentleface.com/icons/certificate
import type { SVGProps } from 'react';

export function CertificateIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.14 2.264C1.242 2.007 1.391 1.781 1.586 1.586C1.781 1.391 2.007 1.242 2.264 1.14C2.5 1.047 2.746 1 3 1L11 1C11.254 1 11.5 1.047 11.736 1.14C11.993 1.242 12.219 1.391 12.414 1.586C12.609 1.781 12.758 2.007 12.86 2.264C12.953 2.5 13 2.746 13 3L13 6.5C13 6.641 12.952 6.759 12.856 6.856C12.759 6.952 12.641 7 12.5 7C12.359 7 12.241 6.952 12.144 6.856C12.048 6.759 12 6.641 12 6.5L12 3C12 2.724 11.902 2.488 11.707 2.293C11.512 2.098 11.276 2 11 2L3 2C2.724 2 2.488 2.098 2.293 2.293C2.098 2.488 2 2.724 2 3L2 9C2 9.276 2.098 9.512 2.293 9.707C2.488 9.902 2.724 10 3 10L8.5 10C8.641 10 8.759 10.048 8.856 10.144C8.952 10.241 9 10.359 9 10.5C9 10.641 8.952 10.759 8.856 10.856C8.759 10.952 8.641 11 8.5 11L3 11C2.746 11 2.5 10.953 2.264 10.86C2.007 10.758 1.781 10.609 1.586 10.414C1.391 10.219 1.242 9.993 1.14 9.736C1.047 9.5 1 9.254 1 9L1 3C1 2.746 1.047 2.5 1.14 2.264ZM4.144 4.856C4.048 4.759 4 4.641 4 4.5C4 4.359 4.048 4.241 4.144 4.144C4.241 4.048 4.359 4 4.5 4L9.5 4C9.641 4 9.759 4.048 9.856 4.144C9.952 4.241 10 4.359 10 4.5C10 4.641 9.952 4.759 9.856 4.856C9.759 4.952 9.641 5 9.5 5L4.5 5C4.359 5 4.241 4.952 4.144 4.856ZM4.144 7.856C4.048 7.759 4 7.641 4 7.5C4 7.359 4.048 7.241 4.144 7.144C4.241 7.048 4.359 7 4.5 7L7.5 7C7.641 7 7.759 7.048 7.856 7.144C7.952 7.241 8 7.359 8 7.5C8 7.641 7.952 7.759 7.856 7.856C7.759 7.952 7.641 8 7.5 8L4.5 8C4.359 8 4.241 7.952 4.144 7.856ZM14 14.5C14 14.641 13.952 14.759 13.856 14.856C13.759 14.952 13.641 15 13.5 15C13.359 15 13.241 14.952 13.144 14.856C13.048 14.759 13 14.641 13 14.5L13 13.707L12.5 13.207L12 13.707L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15C11.359 15 11.241 14.952 11.144 14.856C11.048 14.759 11 14.641 11 14.5L11 13.5C11 13.362 11.049 13.244 11.146 13.146L11.501 12.792C11.212 12.666 10.956 12.492 10.732 12.268C10.488 12.024 10.303 11.741 10.176 11.42C10.059 11.125 10 10.818 10 10.5C10 10.182 10.059 9.875 10.176 9.58C10.303 9.259 10.488 8.976 10.732 8.732C10.976 8.488 11.259 8.303 11.58 8.176C11.875 8.059 12.182 8 12.5 8C12.818 8 13.125 8.059 13.42 8.176C13.741 8.303 14.024 8.488 14.268 8.732C14.512 8.976 14.697 9.259 14.824 9.58C14.941 9.875 15 10.182 15 10.5C15 10.818 14.941 11.125 14.824 11.42C14.697 11.741 14.512 12.024 14.268 12.268C14.044 12.492 13.788 12.666 13.499 12.792L13.854 13.146C13.951 13.244 14 13.362 14 13.5L14 14.5ZM13.561 11.561C13.707 11.414 13.818 11.245 13.895 11.052C13.965 10.875 14 10.691 14 10.5C14 10.309 13.965 10.125 13.895 9.948C13.818 9.755 13.707 9.586 13.561 9.439C13.414 9.293 13.245 9.182 13.052 9.105C12.875 9.035 12.691 9 12.5 9C12.309 9 12.125 9.035 11.948 9.105C11.755 9.182 11.586 9.293 11.439 9.439C11.293 9.586 11.182 9.755 11.105 9.948C11.035 10.125 11 10.309 11 10.5C11 10.691 11.035 10.875 11.105 11.052C11.182 11.245 11.293 11.414 11.439 11.561C11.586 11.707 11.755 11.818 11.948 11.895C12.125 11.965 12.309 12 12.5 12C12.691 12 12.875 11.965 13.052 11.895C13.245 11.818 13.414 11.707 13.561 11.561Z" />
    </svg>
  );
}

Vue

Vue: see /icons/certificate.md

Svelte

Svelte: see /icons/certificate.md

HTML img

HTML img: see /icons/certificate.md

CSS

CSS: see /icons/certificate.md

Data URL

Data URL: see /icons/certificate.md

Sprite

Sprite: see /icons/certificate.md

SwiftUI

SwiftUI: see /icons/certificate.md

Compose

Compose: see /icons/certificate.md

Android XML

Android XML: see /icons/certificate.md

Flutter

Flutter: see /icons/certificate.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

certificate, license, diploma, certification, licence, licensing, software license, permit

Alternatives

seal: certified status as a badge
graduation-cap: education or graduation

Don’t confuse with

key: the key motif does not mean license

Also fits

contract: a license, diploma or certification
seal: a certificate document, license or diploma

Tags

certificate, license, diploma, credential, certification, accreditation, document, seal

Category

Business & office

Component name

CertificateIcon

History

2026-10-15 added

More business & office icons

ad ad-off award briefcase briefcase-clock briefcase-off briefcase-plus calculator copyleft crown gavel handshake hierarchy hierarchy-square lectern lightbulb · all business & office icons

For agents

Metadata: /icons/certificate.json · Markdown: /icons/certificate.md · SVG: https://gentleface.com/svg/{style}/16/certificate.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/certificate.png

certificate icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More business & office icons

For agents

certificate icon