Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Allows docs to use pipeline icons #317

Merged
merged 6 commits into from
Oct 26, 2022
Merged

Allows docs to use pipeline icons #317

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
af90194
Copy svelte component from hub-docs
mishig25 Oct 26, 2022
547ea6e
Add svelte components
mishig25 Oct 26, 2022
19ba9da
Add pipeline tag
mishig25 Oct 26, 2022
f53447b
Add css
mishig25 Oct 26, 2022
22de170
import new components py
mishig25 Oct 26, 2022
23c4a09
escape
mishig25 Oct 26, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
85 changes: 85 additions & 0 deletions kit/src/lib/PipelineIcon.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
<script lang="ts">
import type { SvelteComponent } from "svelte";
import { PIPELINE_DATA } from "./pipeline";

import IconAudioClassification from "./PipelineIcons/IconAudioClassification.svelte";
import IconAudioToAudio from "./PipelineIcons/IconAudioToAudio.svelte";
import IconAutomaticSpeechRecognition from "./PipelineIcons/IconAutomaticSpeechRecognition.svelte";
import IconConversational from "./PipelineIcons/IconConversational.svelte";
import IconFeatureExtraction from "./PipelineIcons/IconFeatureExtraction.svelte";
import IconFillMask from "./PipelineIcons/IconFillMask.svelte";
import IconImageClassification from "./PipelineIcons/IconImageClassification.svelte";
import IconImageSegmentation from "./PipelineIcons/IconImageSegmentation.svelte";
import IconObjectDetection from "./PipelineIcons/IconObjectDetection.svelte";
import IconQuestionAnswering from "./PipelineIcons/IconQuestionAnswering.svelte";
import IconSentenceSimilarity from "./PipelineIcons/IconSentenceSimilarity.svelte";
import IconTabularClassification from "./PipelineIcons/IconTabularClassification.svelte";
import IconTabularRegression from "./PipelineIcons/IconTabularRegression.svelte";
import IconSummarization from "./PipelineIcons/IconSummarization.svelte";
import IconTableQuestionAnswering from "./PipelineIcons/IconTableQuestionAnswering.svelte";
import IconText2textGeneration from "./PipelineIcons/IconText2textGeneration.svelte";
import IconTextClassification from "./PipelineIcons/IconTextClassification.svelte";
import IconTextGeneration from "./PipelineIcons/IconTextGeneration.svelte";
import IconTextToImage from "./PipelineIcons/IconTextToImage.svelte";
import IconImageToText from "./PipelineIcons/IconImageToText.svelte";
import IconTextToSpeech from "./PipelineIcons/IconTextToSpeech.svelte";
import IconTokenClassification from "./PipelineIcons/IconTokenClassification.svelte";
import IconTranslation from "./PipelineIcons/IconTranslation.svelte";
import IconVoiceActivityDetection from "./PipelineIcons/IconVoiceActivityDetection.svelte";
import IconZeroShotClassification from "./PipelineIcons/IconZeroShotClassification.svelte";
import IconReinforcementLearning from "./PipelineIcons/IconReinforcementLearning.svelte";
import IconRobotics from "./PipelineIcons/IconRobotics.svelte";
import IconImageToImage from "./PipelineIcons/IconImageToImage.svelte";
import IconUnconditionalImageGeneration from "./PipelineIcons/IconUnconditionalImageGeneration.svelte";
import IconDocumentQuestionAnswering from "./PipelineIcons/IconDocumentQuestionAnswering.svelte";

export let classNames = "";
export let pipeline = "";

const ICON_COMPONENTS: Record<string, typeof SvelteComponent> = {
/// Keep same order as in huggingface_hub/Types.ts
/// for easy mapping.
"text-classification": IconTextClassification,
"token-classification": IconTokenClassification,
"table-question-answering": IconTableQuestionAnswering,
"question-answering": IconQuestionAnswering,
"zero-shot-classification": IconZeroShotClassification,
translation: IconTranslation,
summarization: IconSummarization,
conversational: IconConversational,
"feature-extraction": IconFeatureExtraction,
"text-generation": IconTextGeneration,
"text2text-generation": IconText2textGeneration,
"fill-mask": IconFillMask,
"sentence-similarity": IconSentenceSimilarity,
"text-to-speech": IconTextToSpeech,
"automatic-speech-recognition": IconAutomaticSpeechRecognition,
"audio-to-audio": IconAudioToAudio,
"audio-classification": IconAudioClassification,
"voice-activity-detection": IconVoiceActivityDetection,
"image-classification": IconImageClassification,
"object-detection": IconObjectDetection,
"image-segmentation": IconImageSegmentation,
"text-to-image": IconTextToImage,
"image-to-text": IconImageToText,
"image-to-image": IconImageToImage,
"unconditional-image-generation": IconUnconditionalImageGeneration,
"reinforcement-learning": IconReinforcementLearning,
robotics: IconRobotics,
"tabular-classification": IconTabularClassification,
"tabular-regression": IconTabularRegression,
"document-question-answering": IconDocumentQuestionAnswering,
};

const PIPELINE_TAG_ICO_CLASS = Object.fromEntries(
Object.entries(PIPELINE_DATA).map(([tagType, data]) => [
tagType,
`tag-ico-${data.color}`,
])
);
</script>

<svelte:component
this={ICON_COMPONENTS[pipeline] ?? IconFillMask}
classNames="{classNames} tag-ico {PIPELINE_TAG_ICO_CLASS[pipeline]}"
/>
21 changes: 21 additions & 0 deletions kit/src/lib/PipelineIcons/IconAudioClassification.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<script lang="ts">
export let classNames = "";
</script>

<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
focusable="false"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
>
<path
d="M25 4H10a2.002 2.002 0 0 0-2 2v14.556A3.955 3.955 0 0 0 6 20a4 4 0 1 0 4 4V12h15v8.556A3.954 3.954 0 0 0 23 20a4 4 0 1 0 4 4V6a2.002 2.002 0 0 0-2-2zM6 26a2 2 0 1 1 2-2a2.002 2.002 0 0 1-2 2zm17 0a2 2 0 1 1 2-2a2.003 2.003 0 0 1-2 2zM10 6h15v4H10z"
fill="currentColor"
/>
</svg>
23 changes: 23 additions & 0 deletions kit/src/lib/PipelineIcons/IconAudioToAudio.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<script lang="ts">
export let classNames = "";
</script>

<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
focusable="false"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 18 18"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.5 11.12H5C5.26513 11.1203 5.51933 11.2257 5.70681 11.4132C5.89429 11.6007 5.99973 11.8549 6 12.12V13.12C5.99973 13.3851 5.89429 13.6393 5.70681 13.8268C5.51933 14.0143 5.26513 14.1197 5 14.12H4.5V16.12H3.5V14.12H3C2.73486 14.1197 2.48066 14.0143 2.29319 13.8268C2.10571 13.6393 2.00026 13.3851 2 13.12V12.12C2.00026 11.8549 2.10571 11.6007 2.29319 11.4132C2.48066 11.2257 2.73486 11.1203 3 11.12H3.5V2.12H4.5V11.12ZM3 13.12H5V12.12H3V13.12ZM10 4.12H9.5V2.12H8.5V4.12H8C7.73487 4.12027 7.48067 4.22571 7.29319 4.41319C7.10571 4.60067 7.00027 4.85487 7 5.12V6.12C7.00027 6.38514 7.10571 6.63934 7.29319 6.82682C7.48067 7.01429 7.73487 7.11974 8 7.12H8.5V16.12H9.5V7.12H10C10.2651 7.11974 10.5193 7.01429 10.7068 6.82682C10.8943 6.63934 10.9997 6.38514 11 6.12V5.12C10.9997 4.85487 10.8943 4.60067 10.7068 4.41319C10.5193 4.22571 10.2651 4.12027 10 4.12ZM10 6.12H8V5.12H10V6.12ZM15 8.12H14.5V2.12H13.5V8.12H13C12.7349 8.12027 12.4807 8.22571 12.2932 8.41319C12.1057 8.60067 12.0003 8.85486 12 9.12V10.12C12.0003 10.3851 12.1057 10.6393 12.2932 10.8268C12.4807 11.0143 12.7349 11.1197 13 11.12H13.5V16.12H14.5V11.12H15C15.2651 11.1196 15.5192 11.0141 15.7067 10.8267C15.8941 10.6392 15.9996 10.3851 16 10.12V9.12C15.9997 8.85486 15.8943 8.60067 15.7068 8.41319C15.5193 8.22571 15.2651 8.12027 15 8.12ZM15 10.12H13V9.12H15V10.12Z"
fill="currentColor"
/>
</svg>
23 changes: 23 additions & 0 deletions kit/src/lib/PipelineIcons/IconAutomaticSpeechRecognition.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<script lang="ts">
export let classNames = "";
</script>

<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
focusable="false"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 18 18"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M8.38893 3.42133C7.9778 3.14662 7.49446 3 7 3C6.33696 3 5.70108 3.26339 5.23223 3.73223C4.76339 4.20107 4.5 4.83696 4.5 5.5C4.5 5.99445 4.64662 6.4778 4.92133 6.88893C5.19603 7.30005 5.58648 7.62048 6.04329 7.8097C6.50011 7.99892 7.00278 8.04843 7.48773 7.95196C7.97268 7.8555 8.41814 7.6174 8.76777 7.26777C9.1174 6.91814 9.3555 6.47268 9.45197 5.98773C9.54843 5.50277 9.49892 5.00011 9.3097 4.54329C9.12048 4.08648 8.80005 3.69603 8.38893 3.42133ZM5.05551 2.58986C5.63108 2.20527 6.30777 2 7 2C7.92826 2 8.8185 2.36875 9.47488 3.02513C10.1313 3.6815 10.5 4.57174 10.5 5.5C10.5 6.19223 10.2947 6.86892 9.91015 7.4445C9.52556 8.02007 8.97894 8.46867 8.33939 8.73358C7.69985 8.99849 6.99612 9.0678 6.31719 8.93275C5.63825 8.7977 5.01461 8.46436 4.52513 7.97487C4.03564 7.48539 3.7023 6.86175 3.56725 6.18282C3.4322 5.50388 3.50152 4.80015 3.76642 4.16061C4.03133 3.52107 4.47993 2.97444 5.05551 2.58986ZM14.85 9.6425L15.7075 10.5C15.8005 10.5927 15.8743 10.7029 15.9245 10.8242C15.9747 10.9456 16.0004 11.0757 16 11.207V16H2V13.5C2.00106 12.5721 2.37015 11.6824 3.0263 11.0263C3.68244 10.3701 4.57207 10.0011 5.5 10H8.5C9.42793 10.0011 10.3176 10.3701 10.9737 11.0263C11.6299 11.6824 11.9989 12.5721 12 13.5V15H15V11.207L14.143 10.35C13.9426 10.4476 13.7229 10.4989 13.5 10.5C13.2033 10.5 12.9133 10.412 12.6666 10.2472C12.42 10.0824 12.2277 9.84811 12.1142 9.57403C12.0006 9.29994 11.9709 8.99834 12.0288 8.70737C12.0867 8.41639 12.2296 8.14912 12.4393 7.93934C12.6491 7.72956 12.9164 7.5867 13.2074 7.52882C13.4983 7.47094 13.7999 7.50065 14.074 7.61418C14.3481 7.72771 14.5824 7.91997 14.7472 8.16665C14.912 8.41332 15 8.70333 15 9C14.9988 9.22271 14.9475 9.44229 14.85 9.6425ZM3.73311 11.7331C3.26444 12.2018 3.00079 12.8372 3 13.5V15H11V13.5C10.9992 12.8372 10.7356 12.2018 10.2669 11.7331C9.79822 11.2644 9.1628 11.0008 8.5 11H5.5C4.8372 11.0008 4.20178 11.2644 3.73311 11.7331Z"
fill="currentColor"
/>
</svg>
23 changes: 23 additions & 0 deletions kit/src/lib/PipelineIcons/IconConversational.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<script lang="ts">
export let classNames = "";
</script>

<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
fill="currentColor"
focusable="false"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 18 18"
>
<path
d="M10.0461 16.7125L9.1 16.1687L11.275 12.3625H14.5375C14.8259 12.3625 15.1025 12.2479 15.3065 12.044C15.5104 11.84 15.625 11.5634 15.625 11.275V4.74998C15.625 4.46156 15.5104 4.18495 15.3065 3.981C15.1025 3.77706 14.8259 3.66248 14.5375 3.66248H3.6625C3.37407 3.66248 3.09746 3.77706 2.89352 3.981C2.68957 4.18495 2.575 4.46156 2.575 4.74998V11.275C2.575 11.5634 2.68957 11.84 2.89352 12.044C3.09746 12.2479 3.37407 12.3625 3.6625 12.3625H8.55625V13.45H3.6625C3.08565 13.45 2.53243 13.2208 2.12454 12.8129C1.71665 12.405 1.4875 11.8518 1.4875 11.275V4.74998C1.4875 4.17314 1.71665 3.61992 2.12454 3.21202C2.53243 2.80413 3.08565 2.57498 3.6625 2.57498H14.5375C15.1143 2.57498 15.6676 2.80413 16.0755 3.21202C16.4833 3.61992 16.7125 4.17314 16.7125 4.74998V11.275C16.7125 11.8518 16.4833 12.405 16.0755 12.8129C15.6676 13.2208 15.1143 13.45 14.5375 13.45H11.9057L10.0461 16.7125Z"
/>
<path d="M4.75 5.83746H13.45V6.92496H4.75V5.83746Z" />
<path d="M4.75 9.10004H10.1875V10.1875H4.75V9.10004Z" />
</svg>
13 changes: 13 additions & 0 deletions kit/src/lib/PipelineIcons/IconDocumentQuestionAnswering.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<script lang="ts">
export let classNames = "";
</script>

<svg class={classNames} width="1em" height="1em" viewBox="0 0 32 32"
><path
fill="currentColor"
d="M24 30a6 6 0 1 1 6-6a6.007 6.007 0 0 1-6 6zm0-10a4 4 0 1 0 4 4a4.005 4.005 0 0 0-4-4zM8 22h8v2H8zm0-6h10v2H8z"
/><path
fill="currentColor"
d="M16 28H6V4h8v6a2.006 2.006 0 0 0 2 2h6v3h2v-5a.91.91 0 0 0-.3-.7l-7-7A.909.909 0 0 0 16 2H6a2.006 2.006 0 0 0-2 2v24a2.006 2.006 0 0 0 2 2h10Zm0-23.6l5.6 5.6H16Z"
/></svg
>
21 changes: 21 additions & 0 deletions kit/src/lib/PipelineIcons/IconFeatureExtraction.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<script lang="ts">
export let classNames = "";
</script>

<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
fill="currentColor"
focusable="false"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
>
<path
d="M27 3H5a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 2v4H5V5zm-10 6h10v7H17zm-2 7H5v-7h10zM5 20h10v7H5zm12 7v-7h10v7z"
/>
</svg>
27 changes: 27 additions & 0 deletions kit/src/lib/PipelineIcons/IconFillMask.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<script lang="ts">
export let classNames = "";
</script>

<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
fill="currentColor"
focusable="false"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 18 19"
>
<path
d="M12.3625 13.85H10.1875V12.7625H12.3625V10.5875H13.45V12.7625C13.4497 13.0508 13.335 13.3272 13.1312 13.5311C12.9273 13.735 12.6508 13.8497 12.3625 13.85V13.85Z"
/>
<path
d="M5.8375 8.41246H4.75V6.23746C4.75029 5.94913 4.86496 5.67269 5.06884 5.4688C5.27272 5.26492 5.54917 5.15025 5.8375 5.14996H8.0125V6.23746H5.8375V8.41246Z"
/>
<path
d="M15.625 5.14998H13.45V2.97498C13.4497 2.68665 13.335 2.4102 13.1312 2.20632C12.9273 2.00244 12.6508 1.88777 12.3625 1.88748H2.575C2.28666 1.88777 2.01022 2.00244 1.80633 2.20632C1.60245 2.4102 1.48778 2.68665 1.4875 2.97498V12.7625C1.48778 13.0508 1.60245 13.3273 1.80633 13.5311C2.01022 13.735 2.28666 13.8497 2.575 13.85H4.75V16.025C4.75028 16.3133 4.86495 16.5898 5.06883 16.7936C5.27272 16.9975 5.54916 17.1122 5.8375 17.1125H15.625C15.9133 17.1122 16.1898 16.9975 16.3937 16.7936C16.5975 16.5898 16.7122 16.3133 16.7125 16.025V6.23748C16.7122 5.94915 16.5975 5.6727 16.3937 5.46882C16.1898 5.26494 15.9133 5.15027 15.625 5.14998V5.14998ZM15.625 16.025H5.8375V13.85H8.0125V12.7625H5.8375V10.5875H4.75V12.7625H2.575V2.97498H12.3625V5.14998H10.1875V6.23748H12.3625V8.41248H13.45V6.23748H15.625V16.025Z"
/>
</svg>
27 changes: 27 additions & 0 deletions kit/src/lib/PipelineIcons/IconImageClassification.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<script lang="ts">
export let classNames = "";
</script>

<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
fill="currentColor"
focusable="false"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
>
<polygon
points="4 20 4 22 8.586 22 2 28.586 3.414 30 10 23.414 10 28 12 28 12 20 4 20"
/>
<path
d="M19,14a3,3,0,1,0-3-3A3,3,0,0,0,19,14Zm0-4a1,1,0,1,1-1,1A1,1,0,0,1,19,10Z"
/>
<path
d="M26,4H6A2,2,0,0,0,4,6V16H6V6H26V21.17l-3.59-3.59a2,2,0,0,0-2.82,0L18,19.17,11.8308,13l-1.4151,1.4155L14,18l2.59,2.59a2,2,0,0,0,2.82,0L21,19l5,5v2H16v2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4Z"
/>
</svg>
24 changes: 24 additions & 0 deletions kit/src/lib/PipelineIcons/IconImageSegmentation.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<script lang="ts">
export let classNames = "";
</script>

<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
fill="currentColor"
focusable="false"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
>
<path
d="M30,3.4141,28.5859,2,2,28.5859,3.4141,30l2-2H26a2.0027,2.0027,0,0,0,2-2V5.4141ZM26,26H7.4141l7.7929-7.793,2.3788,2.3787a2,2,0,0,0,2.8284,0L22,19l4,3.9973Zm0-5.8318-2.5858-2.5859a2,2,0,0,0-2.8284,0L19,19.1682l-2.377-2.3771L26,7.4141Z"
/>
<path
d="M6,22V19l5-4.9966,1.3733,1.3733,1.4159-1.416-1.375-1.375a2,2,0,0,0-2.8284,0L6,16.1716V6H22V4H6A2.002,2.002,0,0,0,4,6V22Z"
/>
</svg>
25 changes: 25 additions & 0 deletions kit/src/lib/PipelineIcons/IconImageToImage.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<script lang="ts">
export let classNames = "";
</script>

<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
fill="currentColor"
focusable="false"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
>
<path
fill="currentColor"
d="M4 22H2V4a2.002 2.002 0 0 1 2-2h18v2H4zm17-5a3 3 0 1 0-3-3a3.003 3.003 0 0 0 3 3zm0-4a1 1 0 1 1-1 1a1 1 0 0 1 1-1z"
/><path
fill="currentColor"
d="M28 7H9a2.002 2.002 0 0 0-2 2v19a2.002 2.002 0 0 0 2 2h19a2.002 2.002 0 0 0 2-2V9a2.002 2.002 0 0 0-2-2Zm0 21H9v-6l4-3.997l5.586 5.586a2 2 0 0 0 2.828 0L23 22.003L28 27Zm0-3.828l-3.586-3.586a2 2 0 0 0-2.828 0L20 22.172l-5.586-5.586a2 2 0 0 0-2.828 0L9 19.172V9h19Z"
/>
</svg>
29 changes: 29 additions & 0 deletions kit/src/lib/PipelineIcons/IconImageToText.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<script lang="ts">
export let classNames = "";
</script>

​
<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
>
<path
d="M29.707 19.293l-3-3a1 1 0 0 0-1.414 0L16 25.586V30h4.414l9.293-9.293a1 1 0 0 0 0-1.414zM19.586 28H18v-1.586l5-5L24.586 23zM26 21.586L24.414 20L26 18.414L27.586 20z"
fill="currentColor"
/>
<path
d="M20 13v-2h-2.142a3.94 3.94 0 0 0-.425-1.019l1.517-1.517l-1.414-1.414l-1.517 1.517A3.944 3.944 0 0 0 15 8.142V6h-2v2.142a3.944 3.944 0 0 0-1.019.425L10.464 7.05L9.05 8.464l1.517 1.517A3.94 3.94 0 0 0 10.142 11H8v2h2.142a3.94 3.94 0 0 0 .425 1.019L9.05 15.536l1.414 1.414l1.517-1.517a3.944 3.944 0 0 0 1.019.425V18h2v-2.142a3.944 3.944 0 0 0 1.019-.425l1.517 1.517l1.414-1.414l-1.517-1.517A3.94 3.94 0 0 0 17.858 13zm-6 1a2 2 0 1 1 2-2a2.002 2.002 0 0 1-2 2z"
fill="currentColor"
/>
<path
d="M12 30H6a2.002 2.002 0 0 1-2-2V4a2.002 2.002 0 0 1 2-2h16a2.002 2.002 0 0 1 2 2v10h-2V4H6v24h6z"
fill="currentColor"
/>
</svg>
27 changes: 27 additions & 0 deletions kit/src/lib/PipelineIcons/IconObjectDetection.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<script lang="ts">
export let classNames = "";
</script>

<svg
class={classNames}
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
fill="currentColor"
focusable="false"
role="img"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 32 32"
>
<path
d="M24,14a5.99,5.99,0,0,0-4.885,9.4712L14,28.5859,15.4141,30l5.1147-5.1147A5.9971,5.9971,0,1,0,24,14Zm0,10a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,24,24Z"
/>
<path
d="M17,12a3,3,0,1,0-3-3A3.0033,3.0033,0,0,0,17,12Zm0-4a1,1,0,1,1-1,1A1.0009,1.0009,0,0,1,17,8Z"
/>
<path
d="M12,24H4V17.9966L9,13l5.5859,5.5859L16,17.168l-5.5859-5.5855a2,2,0,0,0-2.8282,0L4,15.168V4H24v6h2V4a2.0023,2.0023,0,0,0-2-2H4A2.002,2.002,0,0,0,2,4V24a2.0023,2.0023,0,0,0,2,2h8Z"
/>
</svg>
Loading