Gentleface › Business & office › briefcase-sparkle

briefcase-sparkle icon

Briefcase sparkle: job recommendations, ai job match. 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="M12.736 3.14C12.993 3.242 13.219 3.391 13.414 3.586C13.609 3.781 13.758 4.007 13.86 4.264C13.953 4.5 14 4.746 14 5L14 8.5C14 8.641 13.952 8.759 13.856 8.856C13.759 8.952 13.641 9 13.5 9C13.359 9 13.241 8.952 13.144 8.856C13.048 8.759 13 8.641 13 8.5L13 5C13 4.724 12.902 4.488 12.707 4.293C12.512 4.098 12.276 4 12 4L2 4C1.724 4 1.488 4.098 1.293 4.293C1.098 4.488 1 4.724 1 5L1 7L9.5 7C9.641 7 9.759 7.048 9.856 7.144C9.952 7.241 10 7.359 10 7.5C10 7.641 9.952 7.759 9.856 7.856C9.759 7.952 9.641 8 9.5 8L8 8L8 9L6 9L6 8L1 8L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 5C0 4.746 0.047 4.5 0.14 4.264C0.242 4.007 0.391 3.781 0.586 3.586C0.781 3.391 1.007 3.242 1.264 3.14C1.5 3.047 1.746 3 2 3L4 3L4 1C4 0.724 4.098 0.488 4.293 0.293C4.488 0.098 4.724 0 5 0L9 0C9.276 0 9.512 0.098 9.707 0.293C9.902 0.488 10 0.724 10 1L10 3L12 3C12.254 3 12.5 3.047 12.736 3.14ZM9 1L5 1L5 3L9 3L9 1ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z"/></svg>

React

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

export function BriefcaseSparkleIcon(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="M12.736 3.14C12.993 3.242 13.219 3.391 13.414 3.586C13.609 3.781 13.758 4.007 13.86 4.264C13.953 4.5 14 4.746 14 5L14 8.5C14 8.641 13.952 8.759 13.856 8.856C13.759 8.952 13.641 9 13.5 9C13.359 9 13.241 8.952 13.144 8.856C13.048 8.759 13 8.641 13 8.5L13 5C13 4.724 12.902 4.488 12.707 4.293C12.512 4.098 12.276 4 12 4L2 4C1.724 4 1.488 4.098 1.293 4.293C1.098 4.488 1 4.724 1 5L1 7L9.5 7C9.641 7 9.759 7.048 9.856 7.144C9.952 7.241 10 7.359 10 7.5C10 7.641 9.952 7.759 9.856 7.856C9.759 7.952 9.641 8 9.5 8L8 8L8 9L6 9L6 8L1 8L1 10C1 10.276 1.098 10.512 1.293 10.707C1.488 10.902 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12C1.746 12 1.5 11.953 1.264 11.86C1.007 11.758 0.781 11.609 0.586 11.414C0.391 11.219 0.242 10.993 0.14 10.736C0.047 10.5 0 10.254 0 10L0 5C0 4.746 0.047 4.5 0.14 4.264C0.242 4.007 0.391 3.781 0.586 3.586C0.781 3.391 1.007 3.242 1.264 3.14C1.5 3.047 1.746 3 2 3L4 3L4 1C4 0.724 4.098 0.488 4.293 0.293C4.488 0.098 4.724 0 5 0L9 0C9.276 0 9.512 0.098 9.707 0.293C9.902 0.488 10 0.724 10 1L10 3L12 3C12.254 3 12.5 3.047 12.736 3.14ZM9 1L5 1L5 3L9 3L9 1ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z" />
    </svg>
  );
}

Vue

Vue: see /icons/briefcase-sparkle.md

Svelte

Svelte: see /icons/briefcase-sparkle.md

HTML img

HTML img: see /icons/briefcase-sparkle.md

CSS

CSS: see /icons/briefcase-sparkle.md

Data URL

Data URL: see /icons/briefcase-sparkle.md

Sprite

Sprite: see /icons/briefcase-sparkle.md

SwiftUI

SwiftUI: see /icons/briefcase-sparkle.md

Compose

Compose: see /icons/briefcase-sparkle.md

Android XML

Android XML: see /icons/briefcase-sparkle.md

Flutter

Flutter: see /icons/briefcase-sparkle.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 { BriefcaseSparkleIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

job recommendations, ai job match

Example

AI job recommendations

Built from

briefcase + sparkle

Tags

work, job, business, portfolio, career, office, case, bag, sparkle

Category

Business & office

Component name

BriefcaseSparkleIcon

History

2026-11-07 added, released in 0.6.0

Since

version 0.6.0

Family 9

briefcase briefcase-alert briefcase-chart briefcase-clock briefcase-off briefcase-plus briefcase-search briefcase-sync briefcase-user

More business & office icons

a-b a-b-off ad ad-check ad-clock ad-eye ad-off ad-pause ad-plus ad-x ads award calculator certificate certificate-off copyleft · all business & office icons

For agents

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

briefcase-sparkle icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp