Icon: Remove hardcoded color from `ai` icon (#87996)

* remove hardcoded color from ai icon

* remove opacity from icon

* adjust icon in grafana-icons as well
pull/88045/head
Ashley Harrison 1 year ago committed by GitHub
parent e8b7b6aa66
commit 8f6dcfee8b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 30
      packages/grafana-icons/svg/ai.svg
  2. 30
      public/img/icons/unicons/ai.svg

@ -1,27 +1,5 @@
<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
<g id="Group 204">
<path id="Vector" d="M7.5 5C5.56722 5 4.00015 7.0148 4.00015 9.5C4.00015 7.0148 2.43309 5 0.5 5C2.43309 5 4.00015 2.9855 4.00015 0.5C4.00015 2.9855 5.56722 5 7.5 5Z" fill="url(#paint0_linear_344_481)"/>
<path id="Vector_2" d="M9.5 2.5C8.39555 2.5 7.50009 3.39547 7.50009 4.5C7.50009 3.39547 6.60462 2.5 5.5 2.5C6.60462 2.5 7.50009 1.60467 7.50009 0.5C7.50009 1.60467 8.39555 2.5 9.5 2.5Z" fill="url(#paint1_linear_344_481)"/>
<path id="Vector_3" d="M9.5 7C8.67166 7 8.00007 7.6716 8.00007 8.5C8.00007 7.6716 7.32847 7 6.5 7C7.32847 7 8.00007 6.3285 8.00007 5.5C8.00007 6.3285 8.67166 7 9.5 7Z" fill="url(#paint2_linear_344_481)"/>
</g>
<defs>
<linearGradient id="paint0_linear_344_481" x1="0.5" y1="0.5" x2="20.6236" y2="0.33439" gradientUnits="userSpaceOnUse">
<stop stop-color="#6E9FFF" stop-opacity="0"/>
<stop offset="0.164022" stop-color="#6E9FFF"/>
<stop offset="0.197917" stop-color="#6E9FFF" stop-opacity="0.8075"/>
<stop offset="0.426692" stop-color="#6E9FFF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_344_481" x1="5.5" y1="0.5" x2="16.9987" y2="0.378333" gradientUnits="userSpaceOnUse">
<stop stop-color="#6E9FFF" stop-opacity="0"/>
<stop offset="0.164022" stop-color="#6E9FFF"/>
<stop offset="0.197917" stop-color="#6E9FFF" stop-opacity="0.8075"/>
<stop offset="0.426692" stop-color="#6E9FFF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_344_481" x1="6.5" y1="5.5" x2="15.124" y2="5.40875" gradientUnits="userSpaceOnUse">
<stop stop-color="#6E9FFF" stop-opacity="0"/>
<stop offset="0.164022" stop-color="#6E9FFF"/>
<stop offset="0.197917" stop-color="#6E9FFF" stop-opacity="0.8075"/>
<stop offset="0.426692" stop-color="#6E9FFF" stop-opacity="0"/>
</linearGradient>
</defs>
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.3333 24C27.0252 24 18.6675 34.7456 18.6675 48C18.6675 34.7456 10.3098 24 0 24C10.3098 24 18.6675 13.256 18.6675 0C18.6675 13.256 27.0252 24 37.3333 24Z" fill="currentColor" />
<path d="M48 10.6667C42.1096 10.6667 37.3338 15.4425 37.3338 21.3333C37.3338 15.4425 32.558 10.6667 26.6667 10.6667C32.558 10.6667 37.3338 5.89157 37.3338 0C37.3338 5.89157 42.1096 10.6667 48 10.6667Z" fill="currentColor" />
<path d="M48 34.6667C43.5822 34.6667 40.0004 38.2485 40.0004 42.6667C40.0004 38.2485 36.4185 34.6667 32 34.6667C36.4185 34.6667 40.0004 31.0853 40.0004 26.6667C40.0004 31.0853 43.5822 34.6667 48 34.6667Z" fill="currentColor" />
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 728 B

@ -1,27 +1,5 @@
<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
<g id="Group 204">
<path id="Vector" d="M7.5 5C5.56722 5 4.00015 7.0148 4.00015 9.5C4.00015 7.0148 2.43309 5 0.5 5C2.43309 5 4.00015 2.9855 4.00015 0.5C4.00015 2.9855 5.56722 5 7.5 5Z" fill="url(#paint0_linear_344_481)"/>
<path id="Vector_2" d="M9.5 2.5C8.39555 2.5 7.50009 3.39547 7.50009 4.5C7.50009 3.39547 6.60462 2.5 5.5 2.5C6.60462 2.5 7.50009 1.60467 7.50009 0.5C7.50009 1.60467 8.39555 2.5 9.5 2.5Z" fill="url(#paint1_linear_344_481)"/>
<path id="Vector_3" d="M9.5 7C8.67166 7 8.00007 7.6716 8.00007 8.5C8.00007 7.6716 7.32847 7 6.5 7C7.32847 7 8.00007 6.3285 8.00007 5.5C8.00007 6.3285 8.67166 7 9.5 7Z" fill="url(#paint2_linear_344_481)"/>
</g>
<defs>
<linearGradient id="paint0_linear_344_481" x1="0.5" y1="0.5" x2="20.6236" y2="0.33439" gradientUnits="userSpaceOnUse">
<stop stop-color="#6E9FFF" stop-opacity="0"/>
<stop offset="0.164022" stop-color="#6E9FFF"/>
<stop offset="0.197917" stop-color="#6E9FFF" stop-opacity="0.8075"/>
<stop offset="0.426692" stop-color="#6E9FFF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_344_481" x1="5.5" y1="0.5" x2="16.9987" y2="0.378333" gradientUnits="userSpaceOnUse">
<stop stop-color="#6E9FFF" stop-opacity="0"/>
<stop offset="0.164022" stop-color="#6E9FFF"/>
<stop offset="0.197917" stop-color="#6E9FFF" stop-opacity="0.8075"/>
<stop offset="0.426692" stop-color="#6E9FFF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_344_481" x1="6.5" y1="5.5" x2="15.124" y2="5.40875" gradientUnits="userSpaceOnUse">
<stop stop-color="#6E9FFF" stop-opacity="0"/>
<stop offset="0.164022" stop-color="#6E9FFF"/>
<stop offset="0.197917" stop-color="#6E9FFF" stop-opacity="0.8075"/>
<stop offset="0.426692" stop-color="#6E9FFF" stop-opacity="0"/>
</linearGradient>
</defs>
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.3333 24C27.0252 24 18.6675 34.7456 18.6675 48C18.6675 34.7456 10.3098 24 0 24C10.3098 24 18.6675 13.256 18.6675 0C18.6675 13.256 27.0252 24 37.3333 24Z" fill="currentColor" />
<path d="M48 10.6667C42.1096 10.6667 37.3338 15.4425 37.3338 21.3333C37.3338 15.4425 32.558 10.6667 26.6667 10.6667C32.558 10.6667 37.3338 5.89157 37.3338 0C37.3338 5.89157 42.1096 10.6667 48 10.6667Z" fill="currentColor" />
<path d="M48 34.6667C43.5822 34.6667 40.0004 38.2485 40.0004 42.6667C40.0004 38.2485 36.4185 34.6667 32 34.6667C36.4185 34.6667 40.0004 31.0853 40.0004 26.6667C40.0004 31.0853 43.5822 34.6667 48 34.6667Z" fill="currentColor" />
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 728 B

Loading…
Cancel
Save