Skip to content

Commit

Permalink
[#10] add gear icon
Browse files Browse the repository at this point in the history
  • Loading branch information
@Kreezag
Kreezag committed Aug 26, 2023
1 parent 6b5d4d3 commit 5d61b41
Show file tree
Hide file tree
Showing 3 changed files with 90 additions and 20 deletions.
107 changes: 88 additions & 19 deletions components/IconSvg/IconSvg.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,19 +65,19 @@
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 489.8 489.8"
>
<circle cx="245" cy="453.9" r="26.8"/>
<circle cx="422.8" cy="453.9" r="26.8"/>
<circle cx="67" cy="453.9" r="26.8"/>
<circle cx="245" cy="453.9" r="26.8" />
<circle cx="422.8" cy="453.9" r="26.8" />
<circle cx="67" cy="453.9" r="26.8" />
<path
d="M443 31c0-17-14-31-31-31H78C61 0 47 14 47 31v69c0 8 4 15 9 21-5 6-9 13-9 21v70c0 8 4 15 9 21-5 5-9 13-9 21v69c0 17 14 31 31 31h334c17 0 31-14 31-31v-69c0-8-3-16-9-21 6-6 9-13 9-22v-69c0-8-3-16-9-21 6-6 9-13 9-21V31zM65 31c0-7 6-13 12-13h335c7 0 13 6 13 13v69c0 6-6 12-13 12H78c-7 0-13-5-13-12V31zm360 111v70c0 6-6 12-13 12H78c-7 0-13-6-13-12v-70c0-6 6-12 13-12h334c7 0 13 6 13 12zm0 181c0 7-6 13-13 13H78c-7 0-13-6-13-13v-69c0-7 6-12 13-12h334c7 0 13 5 13 12v69z"
/>
<path d="M241 74h113c5 0 9-4 9-9s-4-9-9-9H241c-5 0-9 4-9 9s4 9 9 9z"/>
<circle cx="148.8" cy="65.1" r="10.8"/>
<path d="M241 74h113c5 0 9-4 9-9s-4-9-9-9H241c-5 0-9 4-9 9s4 9 9 9z" />
<circle cx="148.8" cy="65.1" r="10.8" />
<path
d="M241 186h113c5 0 9-4 9-9s-4-9-9-9H241c-5 0-9 4-9 9s4 9 9 9zM354 280H241c-5 0-9 4-9 9s4 9 9 9h113c5 0 9-4 9-9s-4-9-9-9z"
/>
<circle cx="148.8" cy="177" r="10.8"/>
<circle cx="148.8" cy="288.9" r="10.8"/>
<circle cx="148.8" cy="177" r="10.8" />
<circle cx="148.8" cy="288.9" r="10.8" />
<path
d="M423 418c-17 0-31 11-35 27H280c-4-13-13-22-26-26v-28c0-5-4-9-9-9s-9 4-9 9v28c-13 3-22 13-26 26H102a36 36 0 100 18h108a36 36 0 0070 0h108a36 36 0 1035-45zM67 472a18 18 0 010-36 18 18 0 010 36zm178 0a18 18 0 010-36 18 18 0 010 36zm178 0a18 18 0 010-36 18 18 0 010 36z"
/>
Expand Down Expand Up @@ -143,7 +143,7 @@
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 12"
>
<path d="M12 6c0 .6-.4 1-1 1H1a1 1 0 0 1 0-2h10c.6 0 1 .4 1 1Z"/>
<path d="M12 6c0 .6-.4 1-1 1H1a1 1 0 0 1 0-2h10c.6 0 1 .4 1 1Z" />
</svg>

<svg
Expand All @@ -163,8 +163,8 @@
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 12 12"
>
<path d="M6 0c.6 0 1 .4 1 1v10a1 1 0 1 1-2 0V1c0-.6.4-1 1-1Z"/>
<path d="M12 6c0 .6-.4 1-1 1H1a1 1 0 0 1 0-2h10c.6 0 1 .4 1 1Z"/>
<path d="M6 0c.6 0 1 .4 1 1v10a1 1 0 1 1-2 0V1c0-.6.4-1 1-1Z" />
<path d="M12 6c0 .6-.4 1-1 1H1a1 1 0 0 1 0-2h10c.6 0 1 .4 1 1Z" />
</svg>

<svg
Expand Down Expand Up @@ -346,7 +346,7 @@
y2="30"
gradientUnits="userSpaceOnUse"
>
<stop class="transition-all duration-200" stop-color="#FACC15"/>
<stop class="transition-all duration-200" stop-color="#FACC15" />
<stop
class="transition-all duration-200"
offset="1"
Expand Down Expand Up @@ -377,7 +377,7 @@
<path
d="M128 406c4 0 8-4 8-8V124a8 8 0 0 0-15 0v274c0 4 3 8 7 8zM384 264c-4 0-7 3-7 7v204c0 12-11 22-23 22H158c-12 0-22-10-22-22v-47a8 8 0 0 0-15 0v47c0 20 16 37 37 37h196c21 0 38-17 38-37V271c0-4-4-7-8-7zM354 0H158c-21 0-37 17-37 38v56a8 8 0 0 0 15 0V38c0-13 10-23 22-23h31c8 15 24 25 41 25h52c17 0 33-10 41-25h31c12 0 23 10 23 23v203a8 8 0 0 0 15 0V38c0-21-17-38-38-38zm-72 25h-52c-9 0-17-4-23-10h98c-6 6-14 10-23 10z"
/>
<path d="M287 478a8 8 0 0 0 0-15h-62a8 8 0 0 0 0 15h62z"/>
<path d="M287 478a8 8 0 0 0 0-15h-62a8 8 0 0 0 0 15h62z" />
</svg>

<svg
Expand All @@ -391,7 +391,7 @@
<path
d="M90 61v284a8 8 0 0 0 15 0V69h302v103a8 8 0 0 0 15 0V61c0-4-3-7-7-7H97c-4 0-7 3-7 7zM90 432c0 4 3 8 7 8h318c4 0 7-4 7-8V202a8 8 0 0 0-15 0v223H105v-50a8 8 0 0 0-15 0v57zM233 467a23 23 0 1 0 46-1 23 23 0 0 0-46 1zm31 0a8 8 0 1 1-16 0 8 8 0 0 1 16 0zM288 42a8 8 0 0 0 0-15h-34a8 8 0 0 0 0 15h34z"
/>
<circle cx="225.6" cy="34.3" r="7.5"/>
<circle cx="225.6" cy="34.3" r="7.5" />
</svg>

<svg
Expand Down Expand Up @@ -422,20 +422,89 @@

<svg
v-if="name === 'http-dumps'"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 22">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5 0a4 4 0 0 0-4 4v11.27A2 2 0 0 0 0 17v2a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3v-2a2 2 0 0 0-1-1.73V4a4 4 0 0 0-4-4H5Zm18 15V4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v11h5.5l2 1.5H15l2.25-1.5H23Zm-6.9 3.16L17.87 17H24v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-2h5.83l1.47 1.1.53.4h5.77l.5-.34Zm3.02-11.35h-2.18v4.38h.87V9.88h1.32A.88.88 0 0 0 20 9V7.69a.88.88 0 0 0-.88-.88ZM17.82 9V7.69h1.3V9h-1.3Zm-6.57-1.31h-.88V6.8H13v.88h-.88v3.5h-.87v-3.5Zm4.81-.88h-2.62v.88h.87v3.5h.88v-3.5h.87V6.8ZM8.63 8.56V6.81h.87v4.38h-.88V9.44h-1.3v1.75h-.88V6.8h.87v1.75h1.32Z"/>
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 26 22"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M5 0a4 4 0 0 0-4 4v11.27A2 2 0 0 0 0 17v2a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3v-2a2 2 0 0 0-1-1.73V4a4 4 0 0 0-4-4H5Zm18 15V4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v11h5.5l2 1.5H15l2.25-1.5H23Zm-6.9 3.16L17.87 17H24v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-2h5.83l1.47 1.1.53.4h5.77l.5-.34Zm3.02-11.35h-2.18v4.38h.87V9.88h1.32A.88.88 0 0 0 20 9V7.69a.88.88 0 0 0-.88-.88ZM17.82 9V7.69h1.3V9h-1.3Zm-6.57-1.31h-.88V6.8H13v.88h-.88v3.5h-.87v-3.5Zm4.81-.88h-2.62v.88h.87v3.5h.88v-3.5h.87V6.8ZM8.63 8.56V6.81h.87v4.38h-.88V9.44h-1.3v1.75h-.88V6.8h.87v1.75h1.32Z"
/>
</svg>

<svg
v-if="name === 'collapsed'"
viewBox="0 0 16 16" fill="currentColor" height="100%" width="100%">
<path d="M14,11.75a.74.74,0,0,1-.53-.22L8,6.06,2.53,11.53a.75.75,0,0,1-1.06-1.06l6-6a.75.75,0,0,1,1.06,0l6,6a.75.75,0,0,1,0,1.06A.74.74,0,0,1,14,11.75Z"></path>
viewBox="0 0 16 16"
fill="currentColor"
height="100%"
width="100%"
>
<path
d="M14,11.75a.74.74,0,0,1-.53-.22L8,6.06,2.53,11.53a.75.75,0,0,1-1.06-1.06l6-6a.75.75,0,0,1,1.06,0l6,6a.75.75,0,0,1,0,1.06A.74.74,0,0,1,14,11.75Z"
></path>
</svg>

<svg
v-if="name === 'gear'"
fill="currentColor"
version="1.1"
viewBox="0 0 486.40 486.40"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_iconCarrier">
<g>
<g>
<path
d="M454.8,195.05h-20.7c-4.7-18.6-12-36.3-21.9-52.7l14.7-14.7c6-6,9.3-13.9,9.3-22.4s-3.3-16.4-9.3-22.4l-23.4-23.4 c-6-6-13.9-9.3-22.4-9.3s-16.4,3.3-22.4,9.3l-14.6,14.8c-16.5-9.9-34.1-17.2-52.7-21.9v-20.7c0-17.4-14.2-31.6-31.6-31.6h-33 c-17.4,0-31.6,14.2-31.6,31.6v20.7c-18.6,4.7-36.3,12-52.7,21.9l-14.7-14.7c-6-6-13.9-9.3-22.4-9.3S89,53.55,83,59.55l-23.5,23.4 c-6,6-9.3,13.9-9.3,22.4s3.3,16.4,9.3,22.4l14.7,14.6c-9.9,16.5-17.2,34.1-21.9,52.7H31.6c-17.4,0-31.6,14.2-31.6,31.6v33 c0,17.4,14.2,31.6,31.6,31.6h20.7c4.7,18.6,12,36.3,21.9,52.7l-14.7,14.7c-6,6-9.3,13.9-9.3,22.4s3.3,16.4,9.3,22.4l23.4,23.4 c6,6,13.9,9.3,22.4,9.3s16.4-3.3,22.4-9.3l14.7-14.7c16.5,9.9,34.1,17.2,52.7,21.9v20.7c0,17.4,14.2,31.6,31.6,31.6h33 c17.4,0,31.6-14.2,31.6-31.6v-20.7c18.6-4.7,36.3-12,52.7-21.9l14.7,14.7c6,6,13.9,9.3,22.4,9.3s16.4-3.3,22.4-9.3l23.4-23.4 c6-6,9.3-13.9,9.3-22.4s-3.3-16.4-9.3-22.4l-14.7-14.5c9.9-16.5,17.2-34.1,21.9-52.7h20.7c17.4,0,31.6-14.2,31.6-31.6v-33 C486.4,209.25,472.2,195.05,454.8,195.05z M462.4,259.75c0,4.2-3.4,7.6-7.6,7.6h-30.3c-5.7,0-10.7,4-11.8,9.7 c-4.4,22.3-13.1,43.2-25.7,62.1c-3.2,4.8-2.6,11.1,1.5,15.2l21.5,21.5c1.4,1.4,2.2,3.4,2.2,5.4s-0.8,4-2.2,5.4l-23.4,23.4 c-1.4,1.4-3.4,2.2-5.4,2.2s-4-0.8-5.4-2.2l-21.5-21.5c-4-4-10.4-4.7-15.2-1.5c-18.9,12.7-39.8,21.3-62.1,25.7 c-5.6,1.1-9.7,6-9.7,11.8v30.3c0,4.2-3.4,7.6-7.6,7.6h-33c-4.2,0-7.6-3.4-7.6-7.6v-30.3c0-5.7-4-10.7-9.7-11.8 c-22.3-4.4-43.2-13.1-62.1-25.7c-2-1.4-4.4-2-6.7-2c-3.1,0-6.2,1.2-8.5,3.5l-21.5,21.5c-1.4,1.4-3.4,2.2-5.4,2.2s-4-0.8-5.4-2.2 l-23.4-23.4c-1.4-1.4-2.2-3.4-2.2-5.4s0.8-4,2.2-5.4l21.5-21.5c4-4,4.7-10.4,1.5-15.2c-12.7-18.9-21.3-39.8-25.7-62.1 c-1.1-5.6-6-9.7-11.8-9.7H31.6c-4.2,0-7.6-3.4-7.6-7.6v-33c0-4.2,3.4-7.6,7.6-7.6h30.3c5.7,0,10.7-4,11.8-9.7 c4.4-22.3,13.1-43.2,25.7-62.1c3.2-4.8,2.6-11.1-1.5-15.2l-21.5-21.5c-1.4-1.4-2.2-3.4-2.2-5.4s0.8-4,2.2-5.4l23.4-23.4 c1.4-1.4,3.4-2.2,5.4-2.2s4,0.8,5.4,2.2l21.5,21.5c4,4,10.4,4.7,15.2,1.5c18.9-12.7,39.8-21.3,62.1-25.7c5.6-1.1,9.7-6,9.7-11.8 v-30.3c0-4.2,3.4-7.6,7.6-7.6h33c4.2,0,7.6,3.4,7.6,7.6v30.3c0,5.7,4,10.7,9.7,11.8c22.3,4.4,43.2,13.1,62.1,25.7 c4.8,3.2,11.1,2.6,15.2-1.5l21.5-21.5c1.4-1.4,3.4-2.2,5.4-2.2s4,0.8,5.4,2.2l23.4,23.4c1.4,1.4,2.2,3.4,2.2,5.4s-0.8,4-2.2,5.4 l-21.5,21.5c-4,4-4.7,10.4-1.5,15.2c12.7,18.9,21.3,39.8,25.7,62.1c1.1,5.6,6,9.7,11.8,9.7h30.3c4.2,0,7.6,3.4,7.6,7.6V259.75z"
></path>
<path
d="M313.7,181.65c4.4-5,3.9-12.5-1-16.9c-5-4.4-12.5-3.9-16.9,1c-4.4,5-3.9,12.6,1,16.9c2.3,2,5.1,3,7.9,3 C308,185.65,311.3,184.25,313.7,181.65z"
></path>
<path
d="M280.9,314.75c-5.9,3.1-8.1,10.4-5,16.2c2.1,4.1,6.3,6.4,10.6,6.4c1.9,0,3.8-0.4,5.6-1.4c5.9-3.1,8.1-10.4,5-16.2 C294,313.95,286.8,311.65,280.9,314.75z"
></path>
<path
d="M268.2,141.35c-6.4-1.6-12.9,2.4-14.5,8.8c-1.6,6.4,2.4,12.9,8.8,14.5c1,0.2,1.9,0.3,2.9,0.3c5.4,0,10.3-3.7,11.6-9.1 C278.6,149.45,274.6,142.95,268.2,141.35z"
></path>
<path
d="M160,286.15c-5.4,3.8-6.8,11.3-3,16.7c2.3,3.4,6.1,5.2,9.9,5.2c2.4,0,4.7-0.7,6.8-2.1c5.4-3.8,6.8-11.3,3-16.7 C172.9,283.75,165.4,282.35,160,286.15z"
></path>
<path
d="M326.5,285.95c-5.5-3.8-12.9-2.4-16.7,3.1c-3.8,5.5-2.4,12.9,3.1,16.7c2.1,1.4,4.5,2.1,6.8,2.1c3.8,0,7.6-1.8,9.9-5.2 C333.3,297.25,332,289.75,326.5,285.95z"
></path>
<path
d="M336.8,242.35c-6.6-0.8-12.5,3.9-13.3,10.5l0,0c-0.8,6.6,3.9,12.6,10.5,13.3c0.5,0.1,1,0.1,1.4,0.1 c6,0,11.2-4.5,11.9-10.6C348.1,249.15,343.4,243.15,336.8,242.35z"
></path>
<path
d="M330,222.15c1.4,0,2.9-0.3,4.3-0.8c6.2-2.4,9.3-9.3,6.9-15.5s-9.3-9.3-15.5-6.9c-6.2,2.4-9.3,9.3-6.9,15.5 C320.6,219.25,325.2,222.15,330,222.15z"
></path>
<path
d="M162.9,253.05c-0.8-6.6-6.8-11.3-13.4-10.5c-6.6,0.8-11.3,6.8-10.5,13.4c0.7,6.1,5.9,10.6,11.9,10.6c0.5,0,1,0,1.4-0.1 C159,265.65,163.7,259.65,162.9,253.05z"
></path>
<path
d="M152.1,221.55c1.4,0.5,2.8,0.8,4.3,0.8c4.8,0,9.4-2.9,11.2-7.8c2.4-6.2-0.8-13.1-7-15.5c-6.2-2.3-13.1,0.8-15.5,7l0,0 C142.8,212.35,145.9,219.25,152.1,221.55z"
></path>
<path
d="M243.4,324.05C243.3,324.05,243.3,324.05,243.4,324.05c-0.1,0-0.1,0-0.2,0c-6.6,0-12,5.4-12,12s5.4,12,12,12h0.1h0.1 c6.6,0,12-5.4,12-12C255.4,329.45,250,324.05,243.4,324.05z"
></path>
<path
d="M232.5,150.25c-1.6-6.4-8.1-10.4-14.5-8.8c-6.4,1.6-10.4,8.1-8.8,14.5c1.3,5.5,6.3,9.1,11.6,9.1c0.9,0,1.9-0.1,2.9-0.4 C230.2,163.15,234.1,156.65,232.5,150.25z"
></path>
<path
d="M205.6,314.85c-5.9-3.1-13.1-0.8-16.2,5c-3.1,5.9-0.8,13.1,5,16.2c1.8,0.9,3.7,1.4,5.6,1.4c4.3,0,8.5-2.3,10.6-6.4 C213.8,325.25,211.5,317.95,205.6,314.85z"
></path>
<path
d="M190.5,165.85c-4.4-5-12-5.4-16.9-1s-5.4,12-1,16.9c2.4,2.7,5.7,4,9,4c2.8,0,5.7-1,8-3 C194.5,178.35,195,170.75,190.5,165.85z"
></path>
</g>
</g>
</g>
</svg>
</div>
</template>

<script lang="ts">
import {defineComponent} from "vue";
import { defineComponent } from "vue";
export default defineComponent({
props: {
Expand Down
1 change: 1 addition & 0 deletions components/IconSvg/gear.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion components/PageHeader/PageHeader.stories.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,5 +37,5 @@ const Template: Story = (args) => ({

export const Default = Template.bind({});
Default.args = {
buttonTitle: "Delete event",
buttonTitle: "Clear events",
};

0 comments on commit 5d61b41

Please sign in to comment.