Ikon Job Briefcase Document

streamline-freehand-color:job-briefcase-document

Ikon Job Briefcase Document (streamline-freehand-color:job-briefcase-document) adalah ikon SVG gratis dari set Freehand color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Freehand color icons
Pembuat: Streamline
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Pekerjaan, kantor, dan perusahaan
Tag: jobbriefcase, briefcasedocument, jobbriefcasedocument

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="m12.437 10.293l.06-.859a1.69 1.69 0 0 0-.999-1.628a9 9 0 0 0-2.497-.41a7.5 7.5 0 0 0-1.839 0c-.475.065-.92.27-1.278.59a1.77 1.77 0 0 0-.48.829a6 6 0 0 0-.11 1.578c-.999 0-2.058.09-3.087.09a.29.29 0 1 0 0 .58c2.128.15 4.266.25 6.414.28h6.364c1.059 0 1.838.11 2.757.209a6.3 6.3 0 0 1 .14 1.948a2.9 2.9 0 0 1-.69 1.998a3.2 3.2 0 0 1-1.098.21l-1.679.17l-3.216.26v-.35a1.77 1.77 0 0 0-1.21-1.399a1.6 1.6 0 0 0-1.738.54a2.4 2.4 0 0 0-.49 1.159v.11c-.738-.06-2.307-.14-3.716-.31q-.745-.072-1.478-.23a1.8 1.8 0 0 1-.72-.26c-.436-.34-.72-.84-.789-1.388a12.7 12.7 0 0 1 .05-2.778a.29.29 0 1 0-.57-.07A12.8 12.8 0 0 0 .15 14.11c.009.775.317 1.516.86 2.068c.65.41 1.399.637 2.167.66q2.228.123 4.456 0q.02.457.09.909a.3.3 0 0 0 .32.26a.29.29 0 0 0 .25-.31a6 6 0 0 1 .06-1.249c.048-.35.213-.674.469-.919a.66.66 0 0 1 .73-.15a.7.7 0 0 1 .459.57c0 .17.05.35.07.54q.045.414 0 .828a1.9 1.9 0 0 1-.28.78c-.132.167-.3.303-.49.4a.57.57 0 0 1-.48.09a.4.4 0 0 1-.12-.11a3 3 0 0 1-.149-.27a.33.33 0 0 0-.42-.2a.32.32 0 0 0-.16.43q.074.231.2.439q.12.18.3.3a1.2 1.2 0 0 0 1 .09a2.3 2.3 0 0 0 1.068-.64c.282-.329.475-.724.56-1.149q.083-.364.09-.739c1.049 0 2.837.12 4.275 0a5.3 5.3 0 0 0 2.398-.52c.545-.61.847-1.4.85-2.217c.269-3.717-.57-3.427-6.285-3.707m-4.515 0l-2.058.08q.046-.558.19-1.099c.056-.23.186-.438.37-.59c.251-.155.542-.238.838-.239a8.5 8.5 0 0 1 1.609.08h.999c.424-.025.849.019 1.259.13a.94.94 0 0 1 .659.839v.76a71 71 0 0 0-3.866-.01z"/><path fill="#020202" d="M17.053 17.007a.32.32 0 0 0-.33.31l-.2 3.656c.015.345-.015.691-.09 1.029a.8.8 0 0 1-.24.44c-.295.206-.64.333-.998.37a12 12 0 0 1-1.859.139H10.92c-1.909-.07-3.827-.2-5.745-.21q-1.124.069-2.248 0a1.9 1.9 0 0 1-1.149-.42a.7.7 0 0 1-.19-.419a5 5 0 0 1 0-.999v-3.756a.298.298 0 0 0-.579-.14l-.17 3.826q-.075.583-.04 1.169c.027.333.16.648.38.9c.335.338.762.571 1.229.668c.92.162 1.854.229 2.787.2c1.898 0 3.806.19 5.715.23h2.497c.671-.022 1.34-.1 1.998-.23a3.06 3.06 0 0 0 1.369-.63c.253-.243.42-.562.48-.908q.1-.62.07-1.25v-3.626a.32.32 0 0 0-.27-.35"/><path fill="#0c6fff" d="M23.557 5.168c-.28-.64-.72-1.289-1-1.808c-.18-.35-.35-.83-.579-1.219a2.4 2.4 0 0 0-.47-.59a2.7 2.7 0 0 0-1.098-.479c-.76-.17-1.729-.21-2.198-.31c-.77-.16-1.519-.4-2.288-.56a8 8 0 0 0-1.08-.179a5 5 0 0 0-.938 0c-.203.02-.397.097-.56.22a1 1 0 0 0-.35.61c-.12.499-.13 1.318-.2 1.588q-.221.766-.559 1.488c-.36.74-.779 1.449-1.199 2.138a.28.28 0 0 0 .08.39a.29.29 0 0 0 .4-.08c.46-.69.93-1.399 1.329-2.148q.405-.756.68-1.568l.359-1.719h.869q.476.052.939.18c.77.19 1.519.45 2.278.64c.41.09 1.199.14 1.898.27q.294.048.58.139c-.09.21-.18.42-.28.62c-.18.38-.37.739-.58 1.098s-.32.52-.45.78a2 2 0 0 0-.22.789a1.22 1.22 0 0 0 .94 1.229l.59.13h1.078l1.28-.18c0 .08 0 .17-.07.26c-.15.449-.37.929-.47 1.248a34 34 0 0 1-1.379 3.867a18 18 0 0 1-1.269 2.357a.323.323 0 0 0 .09.45a.32.32 0 0 0 .36 0a.3.3 0 0 0 .09-.09q.8-1.146 1.398-2.408a34 34 0 0 0 1.579-3.836c.13-.37.43-.94.59-1.449a2.2 2.2 0 0 0 .12-.859a3.4 3.4 0 0 0-.29-1.009m-2.059.85l-.889-.1l-.35-.13c-.16-.07-.25-.12-.25-.22c.02-.193.078-.38.17-.55c.11-.23.22-.48.31-.709c.09-.23.23-.65.33-1c.1-.349.13-.459.19-.688c0 .05.07.1.1.16c.18.36.34.759.5.998c.16.24.609 1 .889 1.479q.156.29.27.6zm-15.085.998a.28.28 0 0 0 .19.36a.27.27 0 0 0 .4-.21a10.6 10.6 0 0 0 .589-2.088q.144-1.064.18-2.138c0-.15-.16-.64-.18-.939a31 31 0 0 1 3.307.34a.33.33 0 0 0 .39-.25a.33.33 0 0 0-.164-.339a.3.3 0 0 0-.126-.04a30 30 0 0 0-3.437-.75a.94.94 0 0 0-.86.32a1.2 1.2 0 0 0-.119.5c0 .369.06.919 0 1.138q.084 1.234 0 2.468q-.024.82-.17 1.628"/><path fill="#0c6fff" d="M15.814 4.429q.396.172.81.3c.419.14.839.23 1.238.38a.33.33 0 0 0 .44-.09a.32.32 0 0 0-.13-.44a8.6 8.6 0 0 0-1.11-.74a4 4 0 0 0-.509-.25a9 9 0 0 0-.54-.18c-.439-.11-.868-.149-1.298-.219a.29.29 0 0 0-.19.54c.47.2.83.48 1.29.699m-2.339 1.389a.3.3 0 0 0 .24.32q.73.245 1.429.569q.49.196.999.34c.56.18 1.129.299 1.718.429a.31.31 0 0 0 .41-.19a.32.32 0 0 0-.19-.42c-.49-.24-.93-.509-1.399-.739a6 6 0 0 0-.999-.38a7.4 7.4 0 0 0-1.838-.18a.28.28 0 0 0-.37.25"/></g></svg>

Cara memakai ikon Job Briefcase Document

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand-color:job-briefcase-document" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand-color:job-briefcase-document" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand-color:job-briefcase-document" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--job-briefcase-document]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:job-briefcase-document"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-freehand-color:job-briefcase-document"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/job-briefcase-document.svg" alt="Ikon Job Briefcase Document" width="24" height="24">

Ikon terkait di Freehand color icons

Ikon Job Briefcase Document di set ikon lain

FAQ Ikon Job Briefcase Document

Apakah ikon Job Briefcase Document gratis untuk penggunaan komersial?

Ya. Freehand color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Job Briefcase Document di React?

Pasang @iconify/react lalu render <Icon icon="streamline-freehand-color:job-briefcase-document" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Job Briefcase Document ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/job-briefcase-document.svg" alt="Ikon Job Briefcase Document">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Freehand color icons →