Gentleface › Files & folders › file-certificate

file-certificate icon

File certificate: certificate file, crt file, pem file, ssl certificate. 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="M3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L7.5 1C7.886 1 8.258 1.074 8.615 1.222C8.972 1.37 9.287 1.58 9.561 1.854L12.146 4.439C12.42 4.713 12.63 5.028 12.778 5.385C12.926 5.742 13 6.114 13 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.5C12 6.329 11.978 6.162 11.934 6L10 6C9.746 6 9.5 5.953 9.264 5.86C9.007 5.758 8.781 5.609 8.586 5.414C8.391 5.219 8.242 4.993 8.14 4.736C8.047 4.5 8 4.254 8 4L8 2.066C7.838 2.022 7.671 2 7.5 2L5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 13C4 13.276 4.098 13.512 4.293 13.707C4.488 13.902 4.724 14 5 14L7.5 14C7.641 14 7.759 14.048 7.856 14.144C7.952 14.241 8 14.359 8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15L5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 3C3 2.746 3.047 2.5 3.14 2.264ZM9 2.707L9 4C9 4.276 9.098 4.512 9.293 4.707C9.488 4.902 9.724 5 10 5L11.293 5L9 2.707ZM12.856 14.856C12.759 14.952 12.641 15 12.5 15C12.359 15 12.241 14.952 12.144 14.856C12.048 14.759 12 14.641 12 14.5L12 13.707L11.5 13.207L11 13.707L11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5L10 13.5C10 13.362 10.049 13.244 10.146 13.146L10.501 12.792C10.212 12.666 9.956 12.492 9.732 12.268C9.488 12.024 9.303 11.741 9.176 11.42C9.059 11.125 9 10.818 9 10.5C9 10.182 9.059 9.875 9.176 9.58C9.303 9.259 9.488 8.976 9.732 8.732C9.976 8.488 10.259 8.303 10.58 8.176C10.875 8.059 11.182 8 11.5 8C11.818 8 12.125 8.059 12.42 8.176C12.741 8.303 13.024 8.488 13.268 8.732C13.512 8.976 13.697 9.259 13.824 9.58C13.941 9.875 14 10.182 14 10.5C14 10.818 13.941 11.125 13.824 11.42C13.697 11.741 13.512 12.024 13.268 12.268C13.044 12.492 12.788 12.666 12.499 12.792L12.854 13.146C12.951 13.244 13 13.362 13 13.5L13 14.5C13 14.641 12.952 14.759 12.856 14.856ZM12.561 11.561C12.707 11.414 12.818 11.245 12.895 11.052C12.965 10.875 13 10.691 13 10.5C13 10.309 12.965 10.125 12.895 9.948C12.818 9.755 12.707 9.586 12.561 9.439C12.414 9.293 12.245 9.182 12.052 9.105C11.875 9.035 11.691 9 11.5 9C11.309 9 11.125 9.035 10.948 9.105C10.755 9.182 10.586 9.293 10.439 9.439C10.293 9.586 10.182 9.755 10.105 9.948C10.035 10.125 10 10.309 10 10.5C10 10.691 10.035 10.875 10.105 11.052C10.182 11.245 10.293 11.414 10.439 11.561C10.586 11.707 10.755 11.818 10.948 11.895C11.125 11.965 11.309 12 11.5 12C11.691 12 11.875 11.965 12.052 11.895C12.245 11.818 12.414 11.707 12.561 11.561Z"/></svg>

React

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

export function FileCertificateIcon(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="M3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L7.5 1C7.886 1 8.258 1.074 8.615 1.222C8.972 1.37 9.287 1.58 9.561 1.854L12.146 4.439C12.42 4.713 12.63 5.028 12.778 5.385C12.926 5.742 13 6.114 13 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.5C12 6.329 11.978 6.162 11.934 6L10 6C9.746 6 9.5 5.953 9.264 5.86C9.007 5.758 8.781 5.609 8.586 5.414C8.391 5.219 8.242 4.993 8.14 4.736C8.047 4.5 8 4.254 8 4L8 2.066C7.838 2.022 7.671 2 7.5 2L5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 13C4 13.276 4.098 13.512 4.293 13.707C4.488 13.902 4.724 14 5 14L7.5 14C7.641 14 7.759 14.048 7.856 14.144C7.952 14.241 8 14.359 8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15L5 15C4.746 15 4.5 14.953 4.264 14.86C4.007 14.758 3.781 14.609 3.586 14.414C3.391 14.219 3.242 13.993 3.14 13.736C3.047 13.5 3 13.254 3 13L3 3C3 2.746 3.047 2.5 3.14 2.264ZM9 2.707L9 4C9 4.276 9.098 4.512 9.293 4.707C9.488 4.902 9.724 5 10 5L11.293 5L9 2.707ZM12.856 14.856C12.759 14.952 12.641 15 12.5 15C12.359 15 12.241 14.952 12.144 14.856C12.048 14.759 12 14.641 12 14.5L12 13.707L11.5 13.207L11 13.707L11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5L10 13.5C10 13.362 10.049 13.244 10.146 13.146L10.501 12.792C10.212 12.666 9.956 12.492 9.732 12.268C9.488 12.024 9.303 11.741 9.176 11.42C9.059 11.125 9 10.818 9 10.5C9 10.182 9.059 9.875 9.176 9.58C9.303 9.259 9.488 8.976 9.732 8.732C9.976 8.488 10.259 8.303 10.58 8.176C10.875 8.059 11.182 8 11.5 8C11.818 8 12.125 8.059 12.42 8.176C12.741 8.303 13.024 8.488 13.268 8.732C13.512 8.976 13.697 9.259 13.824 9.58C13.941 9.875 14 10.182 14 10.5C14 10.818 13.941 11.125 13.824 11.42C13.697 11.741 13.512 12.024 13.268 12.268C13.044 12.492 12.788 12.666 12.499 12.792L12.854 13.146C12.951 13.244 13 13.362 13 13.5L13 14.5C13 14.641 12.952 14.759 12.856 14.856ZM12.561 11.561C12.707 11.414 12.818 11.245 12.895 11.052C12.965 10.875 13 10.691 13 10.5C13 10.309 12.965 10.125 12.895 9.948C12.818 9.755 12.707 9.586 12.561 9.439C12.414 9.293 12.245 9.182 12.052 9.105C11.875 9.035 11.691 9 11.5 9C11.309 9 11.125 9.035 10.948 9.105C10.755 9.182 10.586 9.293 10.439 9.439C10.293 9.586 10.182 9.755 10.105 9.948C10.035 10.125 10 10.309 10 10.5C10 10.691 10.035 10.875 10.105 11.052C10.182 11.245 10.293 11.414 10.439 11.561C10.586 11.707 10.755 11.818 10.948 11.895C11.125 11.965 11.309 12 11.5 12C11.691 12 11.875 11.965 12.052 11.895C12.245 11.818 12.414 11.707 12.561 11.561Z" />
    </svg>
  );
}

Vue

Vue: see /icons/file-certificate.md

Svelte

Svelte: see /icons/file-certificate.md

HTML img

HTML img: see /icons/file-certificate.md

CSS

CSS: see /icons/file-certificate.md

Data URL

Data URL: see /icons/file-certificate.md

Sprite

Sprite: see /icons/file-certificate.md

SwiftUI

SwiftUI: see /icons/file-certificate.md

Compose

Compose: see /icons/file-certificate.md

Android XML

Android XML: see /icons/file-certificate.md

Flutter

Flutter: see /icons/file-certificate.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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.

With npm: import { FileCertificateIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

certificate file, crt file, pem file, ssl certificate, tls certificate

Tags

certificate, certificate-file, crt, pem, ssl, tls, x509, seal, award, document, file

Category

Files & folders

Component name

FileCertificateIcon

History

2026-11-07 20 px drawn, 24 px drawn, added, released in 0.5.0

Since

version 0.5.0

Family 69

contract contract-alert contract-check contract-clock contract-lock contract-pencil contract-plus contract-sparkle contract-user contract-x file file-alert

More files & folders icons

archive archive-arrow-up archive-clock archive-lock archive-off archive-search archive-x book book-a book-alert book-arrow-down book-arrow-up book-bookmark book-check book-clock book-code · all files & folders icons

For agents

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

file-certificate icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp