Skip to content

Commit

Permalink
feat(Illustration): add Interview illustration
Browse files Browse the repository at this point in the history 
add Interview illustration
  • Loading branch information
@natalieweesh
natalieweesh authored Dec 6, 2023
1 parent cd2bb4d commit 36be223
Show file tree
Hide file tree
Showing 2 changed files with 184 additions and 0 deletions.
183 changes: 183 additions & 0 deletions packages/gamut-illustrations/src/Interview.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,183 @@
import React from 'react';

import { IllustrationProps } from './types';

export const Interview: React.FC<IllustrationProps> = ({
'aria-hidden': ariaHidden,
className,
height,
width,
}) => (
<svg
aria-hidden={ariaHidden}
className={className}
width={width}
height={height}
viewBox="0 0 448 275"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
fill="none"
>
<path
fill="#FFD300"
stroke="#10162F"
d="M430.191 35.334H65.648v205.641h364.543V35.335Z"
/>
<path
fill="#FFFAE5"
stroke="#10162F"
strokeDasharray="8 8"
strokeMiterlimit="10"
d="M424.768 33.09H71.07V240.97h353.698V33.09Z"
/>
<path
fill="#FFD300"
stroke="#10162F"
d="M437.483 21.873H58.357a4.486 4.486 0 0 0-4.486 4.486v4.49a4.486 4.486 0 0 0 4.486 4.486h379.126a4.486 4.486 0 0 0 4.486-4.486v-4.49a4.486 4.486 0 0 0-4.486-4.486ZM437.858 240.976H58.732a4.485 4.485 0 0 0-4.486 4.485v4.49a4.486 4.486 0 0 0 4.486 4.486h379.126a4.485 4.485 0 0 0 4.486-4.486v-4.49a4.485 4.485 0 0 0-4.486-4.485Z"
/>
<path
fill="#FFFAE5"
stroke="#10162F"
d="M60.428 71.612v14.734h14.734v8.65H60.428v14.747h-8.65v-14.73H37.03v-8.667h14.73V71.612h8.667Z"
/>
<path
stroke="#10162F"
d="M248.293 254.433v10.845M248.295 275a4.861 4.861 0 1 0 0-9.722 4.861 4.861 0 0 0 0 9.722Z"
/>
<path fill="url(#a)" d="M108.613 58.786v170.506h255.322V58.786H108.613Z" />
<path
fill="#fff"
stroke="#10162F"
d="M371.587 51.133H116.266v170.506h255.321V51.133Z"
/>
<path
fill="#10162F"
stroke="#10162F"
d="M371.587 51.133H116.266v15.214h255.321V51.133Z"
/>
<path
fill="#FFFAE5"
d="M147.574 61.811a2.638 2.638 0 1 0 .009-5.276 2.638 2.638 0 0 0-.009 5.276ZM137.696 61.811a2.633 2.633 0 0 0 2.437-1.629 2.642 2.642 0 0 0-.574-2.874 2.634 2.634 0 0 0-4.058.404 2.637 2.637 0 0 0 2.195 4.099ZM127.817 61.811a2.635 2.635 0 0 0 2.59-3.15 2.632 2.632 0 0 0-2.073-2.074 2.635 2.635 0 0 0-3.15 2.591 2.632 2.632 0 0 0 2.633 2.633Z"
/>
<path
stroke="#10162F"
d="m189.984 99.015 23.03 23.025-23.03 23.029M161.104 145.186l-23.03-23.029 23.03-23.03M183.867 98.439l-14.426 47.607"
/>
<path
fill="#FFD300"
stroke="#10162F"
d="M239.756 98.593h37.029a5.552 5.552 0 0 1 5.335 5.546 5.552 5.552 0 0 1-5.335 5.545h-37.029a5.547 5.547 0 0 1-5.334-5.545 5.549 5.549 0 0 1 5.334-5.546Z"
/>
<path
fill="#FFFAE5"
stroke="#10162F"
d="M239.773 122.678h105.465a5.553 5.553 0 0 1 5.398 5.548 5.55 5.55 0 0 1-5.398 5.548H239.773a5.553 5.553 0 0 1-5.398-5.548 5.549 5.549 0 0 1 5.398-5.548ZM239.769 146.792h80.229a5.55 5.55 0 0 1 0 11.096h-80.229a5.553 5.553 0 0 1-5.398-5.548 5.55 5.55 0 0 1 5.398-5.548Z"
/>
<path
fill="#FFD300"
stroke="#10162F"
d="M239.768 170.895h61.102a5.546 5.546 0 0 1 0 11.091h-61.102a5.545 5.545 0 0 1 0-11.091Z"
/>
<path fill="url(#b)" d="M213.015 164.965H137.18v16.87h75.818l.017-16.87Z" />
<path
fill="#10162F"
stroke="#10162F"
d="M441.915 3.755H336.638c-.482 0-.944.13-1.285.362-.341.231-.533.546-.533.873v145.666c0 .162.047.322.139.472.091.149.225.285.394.4.169.114.369.205.59.267.22.061.457.093.695.093h105.277c.481 0 .942-.13 1.283-.361.34-.231.531-.545.531-.871V4.99c0-.327-.191-.64-.531-.872-.34-.231-.802-.362-1.283-.363Z"
/>
<path
fill="#FFFAE5"
stroke="#10162F"
d="M447.359 9.372H338.363v69.635h108.996V9.372Z"
/>
<path fill="url(#c)" d="M447.359 57.838H338.363v21.169h108.996V57.838Z" />
<path
fill="#FFFAE5"
stroke="#10162F"
d="M447.359 79.006H338.363v69.635h108.996V79.006Z"
/>
<path fill="url(#d)" d="M447.359 127.339H338.363v21.169h108.996v-21.169Z" />
<path
fill="#FFD300"
stroke="#10162F"
d="M392.864 47.603c7.506 0 13.591-6.085 13.591-13.591 0-7.506-6.085-13.59-13.591-13.59-7.506 0-13.591 6.084-13.591 13.59s6.085 13.59 13.591 13.59ZM392.865 49.209a18.745 18.745 0 0 0-18.744 18.744v10.983h37.488V67.953a18.744 18.744 0 0 0-18.744-18.744ZM392.864 117.237c7.506 0 13.591-6.084 13.591-13.59s-6.085-13.59-13.591-13.59c-7.506 0-13.591 6.084-13.591 13.59s6.085 13.59 13.591 13.59ZM392.865 118.844a18.745 18.745 0 0 0-18.744 18.744v10.982h37.488v-10.982a18.743 18.743 0 0 0-18.744-18.744Z"
/>
<path
fill="#10162F"
stroke="#10162F"
d="M340.183 0h105.361a1.816 1.816 0 0 1 1.815 1.815v7.87H338.363V1.803A1.818 1.818 0 0 1 340.183 0Z"
/>
<path
fill="#FFD300"
d="M346.375 5.875h-4.59v1.531h4.59V5.875ZM360.524 5.362h-4.59v2.04h4.59v-2.04ZM360.524 2.558h-4.59v2.04h4.59v-2.04ZM353.391 4.853h-4.59v2.55h4.59v-2.55Z"
/>
<path
fill="#10162F"
stroke="#10162F"
strokeMiterlimit="10"
d="M137.269 237.312a11.444 11.444 0 0 1-11.433-11.433v-5.362h22.871v5.362a11.45 11.45 0 0 1-11.438 11.433Z"
/>
<path
fill="#10162F"
stroke="#10162F"
strokeMiterlimit="10"
d="M171.892 216.523H88.019v1.465a2.442 2.442 0 0 0 2.442 2.441h.638v5.166c0 8.053 6.589 14.801 14.642 14.646a14.366 14.366 0 0 0 14.083-14.362v-5.45h3.071v5.166c0 8.053 6.593 14.801 14.647 14.646a14.366 14.366 0 0 0 14.083-14.362v-5.45h20.254a7.92 7.92 0 0 1 5.691 2.425 7.924 7.924 0 0 1 2.216 5.775c-.154 4.289-3.826 7.619-8.116 7.619h-6.822a1.956 1.956 0 0 0-1.953 1.953 1.955 1.955 0 0 0 1.953 1.953h6.776c6.439 0 11.897-5.037 12.101-11.475a11.824 11.824 0 0 0-7.229-11.226 11.821 11.821 0 0 0-4.604-.93Z"
/>
<path
fill="#FFFAE5"
stroke="#10162F"
strokeMiterlimit="10"
d="M105.465 237.312a11.444 11.444 0 0 1-11.434-11.433v-5.362h22.867v5.362a11.44 11.44 0 0 1-3.353 8.08 11.44 11.44 0 0 1-8.08 3.353ZM137.269 237.312a11.444 11.444 0 0 1-11.433-11.433v-5.362h22.871v5.362a11.45 11.45 0 0 1-11.438 11.433Z"
/>
<path
fill="#fff"
stroke="#10162F"
d="M2.625 263.299a5.527 5.527 0 0 1-1.18-6.089 5.53 5.53 0 0 1 1.234-1.797L124.66 136.866a3.11 3.11 0 0 1 4.393 4.398L10.511 263.241a5.536 5.536 0 0 1-6.072 1.267 5.514 5.514 0 0 1-1.814-1.209Z"
/>
<defs>
<pattern
id="a"
width=".251"
height=".375"
patternContentUnits="objectBoundingBox"
>
<use xlinkHref="#e" transform="scale(.00392 .00586)" />
</pattern>
<pattern
id="b"
width=".105"
height=".474"
patternContentUnits="objectBoundingBox"
>
<use xlinkHref="#f" transform="scale(.01319 .05928)" />
</pattern>
<pattern
id="c"
width=".073"
height=".378"
patternContentUnits="objectBoundingBox"
>
<use xlinkHref="#f" transform="scale(.00917 .04724)" />
</pattern>
<pattern
id="d"
width=".073"
height=".378"
patternContentUnits="objectBoundingBox"
>
<use xlinkHref="#f" transform="scale(.00917 .04724)" />
</pattern>
<image
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADbSURBVHgB7ZZBCsJQEMXGG7jyGt7/ctUKrlUGw7zfRnAVmtfALFrX2/1RH35H5zU5Hs2Np+Tp3HhKns6Np+Tp3O+AwXEvI5UbT8nTufGUPJ0bT8kX4DU57mWkcuMpeTo3npKnc+Mp+QK8Jse9jFRuPCVP58ZT8nRuPCVfgNfkuJeRyo2n5OnceEqezo2n5OF8Z5ei5On8Fb//t9bDq3PjjQfk6dx44wF5Ov8Wf+jvgF/iD3sZxhvf48ZXc3yaG298n1d3fJr/I37ZyzDeeIYbX82Xo/mp4998o/gTA3q3EDFEskQAAAAASUVORK5CYII="
id="e"
width="64"
height="64"
/>
<image
xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBzc4xAQAAAAEwEVxq6J+OGCzBQDk4MzgV8D0CqU26KA8AAAAASUVORK5CYII="
id="f"
width="8"
height="8"
/>
</defs>
</svg>
);
1 change: 1 addition & 0 deletions packages/gamut-illustrations/src/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ export * from './Heart';
export * from './Hills';
export * from './HomeOffice';
export * from './Interest';
export * from './Interview';
export * from './Keyhole';
export * from './Knowledge';
export * from './LightBulbAndGears';
Expand Down

0 comments on commit 36be223

Please sign in to comment.