Fix Icons Clipping (#1969)

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
This commit is contained in:
Daniel Valdivia
2022-05-10 10:50:58 -07:00
committed by GitHub
parent 0c822ffa98
commit 393f0cd2f4
22 changed files with 17 additions and 80 deletions

View File

@@ -20,26 +20,10 @@ import { SVGProps } from "react";
const AddAccessRuleIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
>
<defs>
<clipPath id="clip-path">
<rect
id="Rectángulo_1018"
data-name="Rectángulo 1018"
width="221.51"
height="256.002"
fill="#4ccb92"
/>
</clipPath>
<clipPath id="clip-Add_Access_Rule">
<rect width="256" height="256" />
</clipPath>
</defs>
<g
id="Add_Access_Rule"
data-name="Add Access Rule"
@@ -48,7 +32,7 @@ const AddAccessRuleIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Add_Access_Rule_Icon" data-name="Add Access Rule Icon">
<g id="Grupo_2406" data-name="Grupo 2406" transform="translate(18)">
<g id="Grupo_2405" data-name="Grupo 2405" clipPath="url(#clip-path)">
<g id="Grupo_2405" data-name="Grupo 2405">
<path
id="Trazado_7142"
data-name="Trazado 7142"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const AddMembersToGroupIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -48,7 +46,7 @@ const AddMembersToGroupIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Add_Members_to_Group_Icon" data-name="Add Members to Group Icon">
<g id="Grupo_2404" data-name="Grupo 2404" transform="translate(12)">
<g id="Grupo_2403" data-name="Grupo 2403" clipPath="url(#clip-path)">
<g id="Grupo_2403" data-name="Grupo 2403">
<path
id="Trazado_7140"
data-name="Trazado 7140"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const BucketEncryptionIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -50,7 +48,7 @@ const BucketEncryptionIcon = (props: SVGProps<SVGSVGElement>) => (
id="Enable_Bucket_Encryption_Icon"
data-name="Enable Bucket Encryption Icon"
>
<g id="Grupo_2410" data-name="Grupo 2410" clipPath="url(#clip-path)">
<g id="Grupo_2410" data-name="Grupo 2410">
<path
id="Trazado_7149"
data-name="Trazado 7149"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const BucketQuotaIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -47,7 +45,7 @@ const BucketQuotaIcon = (props: SVGProps<SVGSVGElement>) => (
>
<rect width="256" height="256" fill="#fff" />
<g id="Enable_Bucket_Quota_icon" data-name="Enable Bucket Quota icon">
<g id="Grupo_2411" data-name="Grupo 2411" clipPath="url(#clip-path)">
<g id="Grupo_2411" data-name="Grupo 2411">
<path
id="Trazado_7154"
data-name="Trazado 7154"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const BucketReplicationIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -51,7 +49,7 @@ const BucketReplicationIcon = (props: SVGProps<SVGSVGElement>) => (
data-name="Set Bucket Replication icon"
>
<g id="Grupo_2409" data-name="Grupo 2409" transform="translate(0 32)">
<g id="Grupo_2408" data-name="Grupo 2408" clipPath="url(#clip-path)">
<g id="Grupo_2408" data-name="Grupo 2408">
<path
id="Trazado_7146"
data-name="Trazado 7146"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ChangeAccessPolicyIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -48,7 +46,7 @@ const ChangeAccessPolicyIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Change_Access_Policy_Icon" data-name="Change Access Policy Icon">
<g id="Grupo_2432" data-name="Grupo 2432" transform="translate(0 13)">
<g id="Grupo_2431" data-name="Grupo 2431" clipPath="url(#clip-path)">
<g id="Grupo_2431" data-name="Grupo 2431">
<path
id="Trazado_7195"
data-name="Trazado 7195"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ChangePasswordIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -48,7 +46,7 @@ const ChangePasswordIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Change_User_Password_Icon" data-name="Change User Password Icon">
<g id="Grupo_2422" data-name="Grupo 2422" transform="translate(11)">
<g id="Grupo_2421" data-name="Grupo 2421" clipPath="url(#clip-path)">
<g id="Grupo_2421" data-name="Grupo 2421">
<path
id="Trazado_7174"
data-name="Trazado 7174"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ConfirmDeleteIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -47,7 +45,7 @@ const ConfirmDeleteIcon = (props: SVGProps<SVGSVGElement>) => (
>
<rect width="256" height="256" fill="#fff" />
<g id="Generic_Delete_Icon" data-name="Generic Delete Icon">
<g id="Grupo_2418" data-name="Grupo 2418" clipPath="url(#clip-path)">
<g id="Grupo_2418" data-name="Grupo 2418">
<path
id="Trazado_7169"
data-name="Trazado 7169"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ConfirmModalIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -47,7 +45,7 @@ const ConfirmModalIcon = (props: SVGProps<SVGSVGElement>) => (
>
<rect width="256" height="256" fill="#fff" />
<g id="Generic_Confirmation_Icon" data-name="Generic Confirmation Icon">
<g id="Grupo_2416" data-name="Grupo 2416" clipPath="url(#clip-path)">
<g id="Grupo_2416" data-name="Grupo 2416">
<path
id="Trazado_7167"
data-name="Trazado 7167"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const CreateGroupIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -48,7 +46,7 @@ const CreateGroupIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Create_Group_Icon" data-name="Create Group Icon">
<g id="Grupo_2428" data-name="Grupo 2428" transform="translate(0 20)">
<g id="Grupo_2427" data-name="Grupo 2427" clipPath="url(#clip-path)">
<g id="Grupo_2427" data-name="Grupo 2427">
<path
id="Trazado_7184"
data-name="Trazado 7184"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const CreateNewPathIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -52,7 +50,7 @@ const CreateNewPathIcon = (props: SVGProps<SVGSVGElement>) => (
data-name="Grupo 2415"
transform="translate(0.424 26.642)"
>
<g id="Grupo_2414" data-name="Grupo 2414" clipPath="url(#clip-path)">
<g id="Grupo_2414" data-name="Grupo 2414">
<path
id="Trazado_7162"
data-name="Trazado 7162"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const CreateUserIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -48,7 +46,7 @@ const CreateUserIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Create_User-2" data-name="Create User">
<g id="Grupo_2404" data-name="Grupo 2404" transform="translate(12)">
<g id="Grupo_2403" data-name="Grupo 2403" clipPath="url(#clip-path)">
<g id="Grupo_2403" data-name="Grupo 2403">
<path
id="Trazado_7140"
data-name="Trazado 7140"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const DriveFormatErrorsIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -63,7 +61,6 @@ const DriveFormatErrorsIcon = (props: SVGProps<SVGSVGElement>) => (
id="Grupo_2412"
data-name="Grupo 2412"
transform="translate(0 0.001)"
clipPath="url(#clip-path)"
>
<path
id="Trazado_7156"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const EditYamlIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -50,7 +48,7 @@ const EditYamlIcon = (props: SVGProps<SVGSVGElement>) => (
fill="none"
/>
<g id="Grupo_2399" data-name="Grupo 2399" transform="translate(25)">
<g id="Grupo_2398" data-name="Grupo 2398" clipPath="url(#clip-path)">
<g id="Grupo_2398" data-name="Grupo 2398">
<path
id="Trazado_7135"
data-name="Trazado 7135"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const EventSubscriptionIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const FormatDrivesIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -52,12 +50,7 @@ const FormatDrivesIcon = (props: SVGProps<SVGSVGElement>) => (
data-name="Format Drives Icon"
transform="translate(0 -3)"
>
<g
id="Grupo_2430"
data-name="Grupo 2430"
transform="translate(0 10)"
clipPath="url(#clip-path)"
>
<g id="Grupo_2430" data-name="Grupo 2430" transform="translate(0 10)">
<path
id="Trazado_7192"
data-name="Trazado 7192"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const LoginMinIOLogo = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
viewBox="0 0 284.616 49.568"
className={"min-icon"}
fill={"currentcolor"}

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const NewPoolIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -48,7 +46,7 @@ const NewPoolIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Expand_Tenants_Add_Pools" data-name="Expand Tenants Add Pools">
<g id="Grupo_2392" data-name="Grupo 2392" transform="translate(14)">
<g id="Grupo_2391" data-name="Grupo 2391" clipPath="url(#clip-path)">
<g id="Grupo_2391" data-name="Grupo 2391">
<path
id="Trazado_7129"
data-name="Trazado 7129"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ObjectPreviewIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -48,7 +46,7 @@ const ObjectPreviewIcon = (props: SVGProps<SVGSVGElement>) => (
<rect width="256" height="256" fill="#fff" />
<g id="Object_Preview_Icon" data-name="Object Preview Icon">
<g id="Grupo_2420" data-name="Grupo 2420" transform="translate(20)">
<g id="Grupo_2419" data-name="Grupo 2419" clipPath="url(#clip-path)">
<g id="Grupo_2419" data-name="Grupo 2419">
<path
id="Trazado_7171"
data-name="Trazado 7171"

View File

@@ -20,8 +20,6 @@ import { SVGProps } from "react";
const ServiceAccountCredentialsIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="284.616"
height="49.568"
className={"min-icon"}
viewBox="0 0 256 256"
{...props}
@@ -66,7 +64,6 @@ const ServiceAccountCredentialsIcon = (props: SVGProps<SVGSVGElement>) => (
id="Grupo_2393"
data-name="Grupo 2393"
transform="translate(0 -0.001)"
clipPath="url(#clip-path)"
>
<path
id="Trazado_7132"

View File

@@ -36,7 +36,7 @@ const UserFilledIcon = (props: SVGProps<SVGSVGElement>) => (
/>
</clipPath>
</defs>
<g id="Group_2365" data-name="Group 2365" clipPath="url(#clip-path)">
<g id="Group_2365" data-name="Group 2365">
<path
id="Path_7088"
data-name="Path 7088"

View File

@@ -3,8 +3,6 @@ import React, { SVGProps } from "react";
const FormatDriveIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
viewBox="0 0 24 24"
className={`min-icon`}
fill={"currentcolor"}