feat: Update app icons

Adding app icons with all the necessary sizes bundled in ico/icns
This commit is contained in:
Alex Jbanca 2024-05-17 09:49:51 +03:00 committed by Alex Jbanca
parent 292c74b189
commit 7a3b0e0653
15 changed files with 223 additions and 84 deletions

View File

@ -531,6 +531,12 @@ endif
NIM_SOURCES := .update.timestamp $(shell find src -type f)
STATUS_RC_FILE := status.rc
# Building the resource files for windows to set the icon
compile_windows_resources:
windres $(STATUS_RC_FILE) -o status.o
ifeq ($(detected_OS),Windows)
NIM_STATUS_CLIENT := bin/nim_status_client.exe
else
@ -735,7 +741,7 @@ STATUS_CLIENT_7Z ?= pkg/Status.7z
$(STATUS_CLIENT_EXE): override RESOURCES_LAYOUT := $(PRODUCTION_PARAMETERS)
$(STATUS_CLIENT_EXE): OUTPUT := tmp/windows/dist/Status
$(STATUS_CLIENT_EXE): INSTALLER_OUTPUT := pkg
$(STATUS_CLIENT_EXE): nim_status_client nim_windows_launcher $(NIM_WINDOWS_PREBUILT_DLLS)
$(STATUS_CLIENT_EXE): compile_windows_resources nim_status_client nim_windows_launcher $(NIM_WINDOWS_PREBUILT_DLLS)
rm -rf pkg/*.exe tmp/windows/dist
mkdir -p $(OUTPUT)/bin $(OUTPUT)/resources $(OUTPUT)/vendor $(OUTPUT)/resources/i18n $(OUTPUT)/bin/StatusQ
cat windows-install.txt | unix2dos > $(OUTPUT)/INSTALL.txt
@ -824,7 +830,8 @@ run-macos: nim_status_client
echo -e "\033[92mRunning:\033[39m bin/StatusDev.app/Contents/MacOS/nim_status_client"
./bin/StatusDev.app/Contents/MacOS/nim_status_client $(ARGS)
run-windows: nim_status_client $(NIM_WINDOWS_PREBUILT_DLLS)
run-windows: STATUS_RC_FILE = status-dev.rc
run-windows: compile_windows_resources nim_status_client $(NIM_WINDOWS_PREBUILT_DLLS)
echo -e "\033[92mRunning:\033[39m bin/nim_status_client.exe"
PATH="$(DOTHERSIDE_LIBDIR)":"$(STATUSGO_LIBDIR)":"$(STATUSKEYCARDGO_LIBDIR)":"$(shell pwd)"/"$(shell dirname "$(NIM_WINDOWS_PREBUILT_DLLS)")":"$(PATH)" \
./bin/nim_status_client.exe $(ARGS)

View File

@ -12,6 +12,9 @@ import app/boot/app_controller
when defined(macosx) and defined(arm64):
import posix
when defined(windows):
{.link: "../status.o".}
logScope:
topics = "status-app"
@ -32,18 +35,14 @@ proc determineOpenUri(): string =
result = OPENURI
proc determineStatusAppIconPath(): string =
if main_constants.IS_MACOS or defined(windows):
return "" # not used in macOS and Windows
# update the linux icon
if defined(production):
if main_constants.IS_MACOS:
return "" # not used in macOS
elif defined(windows):
return "/../resources/status.png"
else:
return "/../status.png"
else:
if main_constants.IS_MACOS:
return "" # not used in macOS
else:
return "/../status-dev.png"
return "/../status.png"
return "/../status-dev.png"
proc prepareLogging() =
# Outputs logs in the node tab

Binary file not shown.

BIN
status-dev.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 874 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 434 KiB

After

Width:  |  Height:  |  Size: 479 KiB

1
status-dev.rc Normal file
View File

@ -0,0 +1 @@
IDI_ICON1 ICON "status-dev.ico"

View File

@ -1,47 +0,0 @@
<svg width="824" height="824" viewBox="0 0 824 824" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_7514_312)">
<mask id="mask0_7514_312" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-1" width="824" height="825">
<path d="M412 -0.0136719C103 -0.0136719 0 102.986 0 411.986C0 720.986 103 823.986 412 823.986C721 823.986 824 720.986 824 411.986C824 102.986 721 -0.0136719 412 -0.0136719Z" fill="white"/>
</mask>
<g mask="url(#mask0_7514_312)">
<g filter="url(#filter0_f_7514_312)">
<circle cx="592.25" cy="231.731" r="489.25" fill="#FF7D46"/>
</g>
<g filter="url(#filter1_f_7514_312)">
<circle cx="849.75" cy="489.236" r="489.25" fill="#F6B03C"/>
</g>
<g filter="url(#filter2_f_7514_312)">
<ellipse cx="128.75" cy="798.234" rx="489.25" ry="489.25" fill="#FF7D46"/>
</g>
<g filter="url(#filter3_f_7514_312)">
<circle cx="-180.25" cy="231.731" r="489.25" fill="#FF7D46"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M466.807 226.819C385.094 231.491 324.761 305.766 318.053 389.792C318.465 389.665 318.921 389.539 319.377 389.412C319.833 389.286 320.289 389.159 320.701 389.033C330.977 386.424 341.49 384.84 352.083 384.303C375.027 383.019 393.685 385.006 412.341 386.993C431.021 388.982 449.698 390.97 472.671 389.675C483.22 389.117 493.684 387.487 503.897 384.809C547.127 373.598 571.998 344.382 569.801 304.345C567.094 254.594 516.98 223.958 466.807 226.819ZM357.399 597.166C439.112 592.495 499.445 518.22 506.153 434.193C505.636 434.352 505.049 434.511 504.48 434.665C504.143 434.756 503.812 434.846 503.505 434.933C493.229 437.541 482.716 439.126 472.122 439.663C449.149 440.968 430.472 438.984 411.792 436.999C393.136 435.018 374.478 433.036 351.534 434.329C340.985 434.887 330.522 436.518 320.308 439.195C277.079 450.387 252.306 479.603 254.405 519.641C257.111 569.391 307.226 600.027 357.399 597.166Z" fill="white"/>
</g>
</g>
<defs>
<filter id="filter0_f_7514_312" x="-163.405" y="-523.924" width="1511.31" height="1511.31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="133.202" result="effect1_foregroundBlur_7514_312"/>
</filter>
<filter id="filter1_f_7514_312" x="94.0952" y="-266.419" width="1511.31" height="1511.31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="133.202" result="effect1_foregroundBlur_7514_312"/>
</filter>
<filter id="filter2_f_7514_312" x="-626.905" y="42.5791" width="1511.31" height="1511.31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="133.202" result="effect1_foregroundBlur_7514_312"/>
</filter>
<filter id="filter3_f_7514_312" x="-935.905" y="-523.924" width="1511.31" height="1511.31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="133.202" result="effect1_foregroundBlur_7514_312"/>
</filter>
<clipPath id="clip0_7514_312">
<rect width="824" height="824" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

View File

@ -1,47 +1,75 @@
<svg width="824" height="824" viewBox="0 0 824 824" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_7514_412)">
<mask id="mask0_7514_412" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="824" height="824">
<path d="M412 0C103 0 0 103 0 412C0 721 103 824 412 824C721 824 824 721 824 412C824 103 721 0 412 0Z" fill="white"/>
<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_dii_7557_1406)">
<path d="M512 100C203 100 100 203 100 512C100 821 203 924 512 924C821 924 924 821 924 512C924 203 821 100 512 100Z" fill="url(#paint0_linear_7557_1406)"/>
</g>
<g clip-path="url(#clip0_7557_1406)">
<mask id="mask0_7557_1406" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="100" y="100" width="824" height="824">
<path d="M512 100C203 100 100 203 100 512C100 821 203 924 512 924C821 924 924 821 924 512C924 203 821 100 512 100Z" fill="white"/>
</mask>
<g mask="url(#mask0_7514_412)">
<g filter="url(#filter0_f_7514_412)">
<circle cx="592.25" cy="231.75" r="489.25" fill="#1992D7"/>
<g mask="url(#mask0_7557_1406)">
<g filter="url(#filter1_f_7557_1406)">
<circle cx="692.25" cy="331.75" r="489.25" fill="#1992D7"/>
</g>
<g filter="url(#filter1_f_7514_412)">
<circle cx="849.75" cy="489.25" r="489.25" fill="#F6B03C"/>
<g filter="url(#filter2_f_7557_1406)">
<circle cx="949.75" cy="589.25" r="489.25" fill="#F6B03C"/>
</g>
<g filter="url(#filter2_f_7514_412)">
<circle cx="128.75" cy="798.25" r="489.25" fill="#FF7D46"/>
<g filter="url(#filter3_f_7557_1406)">
<circle cx="228.75" cy="898.25" r="489.25" fill="#FF7D46"/>
</g>
<g filter="url(#filter3_f_7514_412)">
<circle cx="-180.25" cy="231.75" r="489.25" fill="#7140FD"/>
<g filter="url(#filter4_f_7557_1406)">
<circle cx="-80.2499" cy="331.75" r="489.25" fill="#7140FD"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M466.807 226.805C385.094 231.476 324.761 305.751 318.053 389.777C318.465 389.651 318.921 389.524 319.377 389.398C319.833 389.271 320.289 389.145 320.701 389.018C330.977 386.41 341.49 384.825 352.083 384.288C375.027 383.005 393.685 384.991 412.341 386.978C431.021 388.967 449.698 390.956 472.671 389.661C483.22 389.103 493.684 387.472 503.897 384.795C547.127 373.583 571.998 344.368 569.801 304.33C567.094 254.58 516.98 223.943 466.807 226.805ZM357.399 597.152C439.111 592.481 499.445 518.206 506.153 434.179C505.636 434.338 505.049 434.497 504.48 434.651C504.143 434.742 503.812 434.832 503.505 434.919C493.229 437.528 482.716 439.112 472.122 439.649C449.149 440.954 430.472 438.97 411.792 436.986C393.136 435.004 374.478 433.022 351.534 434.316C340.985 434.874 330.522 436.504 320.308 439.182C277.079 450.374 252.306 479.589 254.405 519.627C257.111 569.377 307.226 600.013 357.399 597.152Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M566.807 326.805C485.094 331.476 424.761 405.751 418.053 489.777C418.465 489.651 418.921 489.524 419.377 489.398C419.833 489.271 420.289 489.145 420.701 489.018C430.977 486.41 441.49 484.825 452.083 484.288C475.027 483.005 493.685 484.991 512.341 486.978C531.021 488.967 549.698 490.956 572.671 489.661C583.22 489.103 593.684 487.472 603.897 484.795C647.127 473.583 671.998 444.368 669.801 404.33C667.094 354.58 616.98 323.943 566.807 326.805ZM457.399 697.152C539.111 692.481 599.445 618.206 606.153 534.179C605.636 534.338 605.049 534.497 604.48 534.651C604.143 534.742 603.812 534.832 603.505 534.919C593.229 537.528 582.716 539.112 572.122 539.649C549.149 540.954 530.472 538.97 511.792 536.986C493.136 535.004 474.478 533.022 451.534 534.316C440.985 534.874 430.522 536.504 420.308 539.182C377.079 550.373 352.306 579.589 354.405 619.627C357.111 669.377 407.226 700.013 457.399 697.152Z" fill="white"/>
</g>
</g>
<defs>
<filter id="filter0_f_7514_412" x="-139.829" y="-500.329" width="1464.16" height="1464.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter0_dii_7557_1406" x="80" y="94" width="864" height="864" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="14"/>
<feGaussianBlur stdDeviation="10"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7557_1406"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7557_1406" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.44 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_7557_1406"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="effect2_innerShadow_7557_1406" result="effect3_innerShadow_7557_1406"/>
</filter>
<filter id="filter1_f_7557_1406" x="-39.8291" y="-400.329" width="1464.16" height="1464.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="121.415" result="effect1_foregroundBlur_7514_412"/>
<feGaussianBlur stdDeviation="121.415" result="effect1_foregroundBlur_7557_1406"/>
</filter>
<filter id="filter1_f_7514_412" x="117.671" y="-242.829" width="1464.16" height="1464.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter2_f_7557_1406" x="217.671" y="-142.829" width="1464.16" height="1464.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="121.415" result="effect1_foregroundBlur_7514_412"/>
<feGaussianBlur stdDeviation="121.415" result="effect1_foregroundBlur_7557_1406"/>
</filter>
<filter id="filter2_f_7514_412" x="-603.329" y="66.1709" width="1464.16" height="1464.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter3_f_7557_1406" x="-503.329" y="166.171" width="1464.16" height="1464.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="121.415" result="effect1_foregroundBlur_7514_412"/>
<feGaussianBlur stdDeviation="121.415" result="effect1_foregroundBlur_7557_1406"/>
</filter>
<filter id="filter3_f_7514_412" x="-912.329" y="-500.329" width="1464.16" height="1464.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<filter id="filter4_f_7557_1406" x="-812.329" y="-400.329" width="1464.16" height="1464.16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="121.415" result="effect1_foregroundBlur_7514_412"/>
<feGaussianBlur stdDeviation="121.415" result="effect1_foregroundBlur_7557_1406"/>
</filter>
<clipPath id="clip0_7514_412">
<rect width="824" height="824" fill="white"/>
<linearGradient id="paint0_linear_7557_1406" x1="100" y1="100" x2="924" y2="924" gradientUnits="userSpaceOnUse">
<stop stop-color="#30323B"/>
<stop offset="0.617708" stop-color="#23242B"/>
</linearGradient>
<clipPath id="clip0_7557_1406">
<rect width="824" height="824" fill="white" transform="translate(100 100)"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 982 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 344 KiB

After

Width:  |  Height:  |  Size: 517 KiB

1
status.rc Normal file
View File

@ -0,0 +1 @@
IDI_ICON1 ICON "status.ico"

View File

@ -0,0 +1,75 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_dii_7515_566)">
<path d="M8 1.5625C3.17188 1.5625 1.5625 3.17188 1.5625 8C1.5625 12.8281 3.17188 14.4375 8 14.4375C12.8281 14.4375 14.4375 12.8281 14.4375 8C14.4375 3.17188 12.8281 1.5625 8 1.5625Z" fill="url(#paint0_linear_7515_566)"/>
</g>
<g clip-path="url(#clip0_7515_566)">
<mask id="mask0_7515_566" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="14" height="14">
<path d="M8 1.5625C3.17188 1.5625 1.5625 3.17188 1.5625 8C1.5625 12.8281 3.17188 14.4375 8 14.4375C12.8281 14.4375 14.4375 12.8281 14.4375 8C14.4375 3.17188 12.8281 1.5625 8 1.5625Z" fill="white"/>
</mask>
<g mask="url(#mask0_7515_566)">
<g filter="url(#filter1_f_7515_566)">
<circle cx="10.8164" cy="5.18359" r="7.64453" fill="#FF7D46"/>
</g>
<g filter="url(#filter2_f_7515_566)">
<circle cx="14.8398" cy="9.20703" r="7.64453" fill="#F6B03C"/>
</g>
<g filter="url(#filter3_f_7515_566)">
<ellipse cx="3.57422" cy="14.0352" rx="7.64453" ry="7.64453" fill="#FF7D46"/>
</g>
<g filter="url(#filter4_f_7515_566)">
<circle cx="-1.25391" cy="5.18359" r="7.64453" fill="#FF7D46"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.85638 5.1064C7.57962 5.17939 6.63691 6.33993 6.5321 7.65285C6.53853 7.65087 6.54566 7.64889 6.55278 7.64692C6.55991 7.64494 6.56703 7.64296 6.57347 7.64099C6.73404 7.60023 6.8983 7.57547 7.06382 7.56708C7.42232 7.54702 7.71385 7.57807 8.00535 7.60911C8.29722 7.64019 8.58905 7.67126 8.94801 7.65102C9.11284 7.6423 9.27633 7.61683 9.43591 7.57499C10.1114 7.39981 10.5 6.94332 10.4657 6.31773C10.4234 5.54039 9.64033 5.06169 8.85638 5.1064ZM7.14686 10.8933C8.42362 10.8203 9.36632 9.65975 9.47114 8.34683C9.46306 8.34931 9.45389 8.3518 9.445 8.3542C9.43973 8.35563 9.43456 8.35703 9.42976 8.35839C9.2692 8.39915 9.10493 8.4239 8.93941 8.43229C8.58045 8.45268 8.28862 8.42168 7.99675 8.39068C7.70525 8.35972 7.41371 8.32875 7.05522 8.34896C6.89039 8.35768 6.7269 8.38316 6.56732 8.42499C5.89185 8.59986 5.50478 9.05636 5.53757 9.68195C5.57987 10.4593 6.3629 10.938 7.14686 10.8933Z" fill="white"/>
</g>
</g>
<defs>
<filter id="filter0_dii_7515_566" x="1.25" y="1.46875" width="13.5" height="13.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="0.21875"/>
<feGaussianBlur stdDeviation="0.15625"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7515_566"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7515_566" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="0.0625"/>
<feGaussianBlur stdDeviation="0.015625"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.44 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_7515_566"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-0.046875"/>
<feGaussianBlur stdDeviation="0.03125"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="effect2_innerShadow_7515_566" result="effect3_innerShadow_7515_566"/>
</filter>
<filter id="filter1_f_7515_566" x="-0.990699" y="-6.62351" width="23.6142" height="23.6142" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.08129" result="effect1_foregroundBlur_7515_566"/>
</filter>
<filter id="filter2_f_7515_566" x="3.03274" y="-2.60007" width="23.6142" height="23.6142" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.08129" result="effect1_foregroundBlur_7515_566"/>
</filter>
<filter id="filter3_f_7515_566" x="-8.23289" y="2.22805" width="23.6142" height="23.6142" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.08129" result="effect1_foregroundBlur_7515_566"/>
</filter>
<filter id="filter4_f_7515_566" x="-13.061" y="-6.62351" width="23.6142" height="23.6142" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="2.08129" result="effect1_foregroundBlur_7515_566"/>
</filter>
<linearGradient id="paint0_linear_7515_566" x1="1.5625" y1="1.5625" x2="14.4375" y2="14.4375" gradientUnits="userSpaceOnUse">
<stop stop-color="#30323B"/>
<stop offset="0.617708" stop-color="#23242B"/>
</linearGradient>
<clipPath id="clip0_7515_566">
<rect width="12.875" height="12.875" fill="white" transform="translate(1.5625 1.5625)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@ -0,0 +1,75 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_dii_7558_1483)">
<path d="M8 1.5625C3.17188 1.5625 1.5625 3.17188 1.5625 8C1.5625 12.8281 3.17188 14.4375 8 14.4375C12.8281 14.4375 14.4375 12.8281 14.4375 8C14.4375 3.17188 12.8281 1.5625 8 1.5625Z" fill="url(#paint0_linear_7558_1483)"/>
</g>
<g clip-path="url(#clip0_7558_1483)">
<mask id="mask0_7558_1483" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="14" height="14">
<path d="M8 1.5625C3.17187 1.5625 1.5625 3.17187 1.5625 8C1.5625 12.8281 3.17187 14.4375 8 14.4375C12.8281 14.4375 14.4375 12.8281 14.4375 8C14.4375 3.17187 12.8281 1.5625 8 1.5625Z" fill="white"/>
</mask>
<g mask="url(#mask0_7558_1483)">
<g filter="url(#filter1_f_7558_1483)">
<circle cx="10.8164" cy="5.18359" r="7.64453" fill="#1992D7"/>
</g>
<g filter="url(#filter2_f_7558_1483)">
<circle cx="14.8398" cy="9.20703" r="7.64453" fill="#F6B03C"/>
</g>
<g filter="url(#filter3_f_7558_1483)">
<circle cx="3.57422" cy="14.0352" r="7.64453" fill="#FF7D46"/>
</g>
<g filter="url(#filter4_f_7558_1483)">
<circle cx="-1.25391" cy="5.18359" r="7.64453" fill="#7140FD"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.85635 5.1064C7.57959 5.17939 6.63689 6.33993 6.53207 7.65285C6.53851 7.65087 6.54563 7.64889 6.55276 7.64692C6.55989 7.64494 6.56701 7.64296 6.57345 7.64099C6.73401 7.60023 6.89828 7.57547 7.0638 7.56708C7.42229 7.54702 7.71383 7.57807 8.00533 7.60911C8.2972 7.64019 8.58903 7.67126 8.94799 7.65102C9.11282 7.6423 9.27631 7.61683 9.43589 7.57499C10.1114 7.39981 10.5 6.94332 10.4656 6.31773C10.4233 5.54039 9.64031 5.06169 8.85635 5.1064ZM7.14686 10.8931C8.42362 10.8201 9.36632 9.65954 9.47114 8.34663C9.46306 8.34911 9.45389 8.35159 9.445 8.354C9.43973 8.35543 9.43456 8.35683 9.42976 8.35819C9.2692 8.39894 9.10493 8.4237 8.93941 8.43209C8.58045 8.45248 8.28862 8.42148 7.99674 8.39048C7.70525 8.35951 7.41371 8.32855 7.05522 8.34876C6.89039 8.35748 6.7269 8.38295 6.56732 8.42479C5.89185 8.59966 5.50478 9.05616 5.53757 9.68174C5.57987 10.4591 6.3629 10.9378 7.14686 10.8931Z" fill="white"/>
</g>
</g>
<defs>
<filter id="filter0_dii_7558_1483" x="1.25" y="1.46875" width="13.5" height="13.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="0.21875"/>
<feGaussianBlur stdDeviation="0.15625"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7558_1483"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7558_1483" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="0.0625"/>
<feGaussianBlur stdDeviation="0.015625"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.44 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow_7558_1483"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-0.046875"/>
<feGaussianBlur stdDeviation="0.03125"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="effect2_innerShadow_7558_1483" result="effect3_innerShadow_7558_1483"/>
</filter>
<filter id="filter1_f_7558_1483" x="-0.62233" y="-6.25514" width="22.8775" height="22.8775" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1.8971" result="effect1_foregroundBlur_7558_1483"/>
</filter>
<filter id="filter2_f_7558_1483" x="3.40111" y="-2.2317" width="22.8775" height="22.8775" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1.8971" result="effect1_foregroundBlur_7558_1483"/>
</filter>
<filter id="filter3_f_7558_1483" x="-7.86452" y="2.59642" width="22.8775" height="22.8775" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1.8971" result="effect1_foregroundBlur_7558_1483"/>
</filter>
<filter id="filter4_f_7558_1483" x="-12.6926" y="-6.25514" width="22.8775" height="22.8775" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1.8971" result="effect1_foregroundBlur_7558_1483"/>
</filter>
<linearGradient id="paint0_linear_7558_1483" x1="1.5625" y1="1.5625" x2="14.4375" y2="14.4375" gradientUnits="userSpaceOnUse">
<stop stop-color="#30323B"/>
<stop offset="0.617708" stop-color="#23242B"/>
</linearGradient>
<clipPath id="clip0_7558_1483">
<rect width="12.875" height="12.875" fill="white" transform="translate(1.5625 1.5625)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 5.5 KiB