Loading Fluent UI Emoji's
Open a folder where you want to download to, and use the command git clone https://github.com/microsoft/fluentui-emoji
(you will need Git installed.)
Create the Icons.csv file
Once you have cloned the repository run the following Power Shell to create the Icons.CSV file:
# Fluent UI Emoji -
# Create CSV for Import from GitHub Repo
# https://github.com/microsoft/fluentui-emoji
$counter = 1
$setName = "fluentui-emoji"
$file = "H:\Trustmarque\accessible-app-kit\IconSets\fluentui-emoji\icons.csv"
$path = "H:\Trustmarque\accessible-app-kit\IconSets\fluentui-emoji\assets\*.svg"
$icons = get-childitem -File $path -recurse
ForEach($icon in $icons){
[string]$string = Get-Content $icon.FullName
$trimmedFileName = $icon.Name.Replace(".svg","").Split("_")
$splitNumber = $trimmedFileName.Count
$objResults = New-Object PSObject -Property @{
tm_id = $counter;
tm_name = $icon.Name.Replace("ic_fluent","").Replace("_"," ").Replace(".svg","");
tm_icon = $string.Replace("""","'");
tm_set = $setName
tm_description = $trimmedFileName[$splitNumber -1]
tm_size = "32"
}
$counter++
$objResults | Export-CSV $file -Append -NoTypeInformation -force
}
Upload the Icons.csv file
Upload the icons.csv
to the location you configured the Dataflow to use, overwriting the existing file.
Create the Icon Set in the App
In the app on the home screen click the settings icon in the top right to Navigate to the 'Icon Set Admin Screen', click the + New Icon Set
button and complete the form as follows:
Column Name | Value |
---|---|
Name | Fluent UI Emoji |
ShortCode | fluentui-emoji |
Author | Microsoft |
Github Link | https://github.com/microsoft/fluentui-emoji |
Icon SVG | <svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M4 25.942C4 28.1739 5.76327 30 7.91837 30H24.0816C26.2367 30 28 28.0725 28 25.8406V6.4297C28 5.1297 26.4099 4.5297 25.5155 5.4297L20.9736 10H11.1617L6.5 5.4297C5.6 4.5297 4 5.1297 4 6.4297V25.942Z' fill='url(#paint0_linear_6893_5267)'/> <path d='M4 25.942C4 28.1739 5.76327 30 7.91837 30H24.0816C26.2367 30 28 28.0725 28 25.8406V6.4297C28 5.1297 26.4099 4.5297 25.5155 5.4297L20.9736 10H11.1617L6.5 5.4297C5.6 4.5297 4 5.1297 4 6.4297V25.942Z' fill='url(#paint1_linear_6893_5267)'/> <path d='M4 25.942C4 28.1739 5.76327 30 7.91837 30H24.0816C26.2367 30 28 28.0725 28 25.8406V6.4297C28 5.1297 26.4099 4.5297 25.5155 5.4297L20.9736 10H11.1617L6.5 5.4297C5.6 4.5297 4 5.1297 4 6.4297V25.942Z' fill='url(#paint2_linear_6893_5267)'/> <path d='M4 25.942C4 28.1739 5.76327 30 7.91837 30H24.0816C26.2367 30 28 28.0725 28 25.8406V6.4297C28 5.1297 26.4099 4.5297 25.5155 5.4297L20.9736 10H11.1617L6.5 5.4297C5.6 4.5297 4 5.1297 4 6.4297V25.942Z' fill='url(#paint3_linear_6893_5267)'/> <path d='M4 25.942C4 28.1739 5.76327 30 7.91837 30H24.0816C26.2367 30 28 28.0725 28 25.8406V6.4297C28 5.1297 26.4099 4.5297 25.5155 5.4297L20.9736 10H11.1617L6.5 5.4297C5.6 4.5297 4 5.1297 4 6.4297V25.942Z' fill='url(#paint4_linear_6893_5267)'/> <path d='M4 25.942C4 28.1739 5.76327 30 7.91837 30H24.0816C26.2367 30 28 28.0725 28 25.8406V6.4297C28 5.1297 26.4099 4.5297 25.5155 5.4297L20.9736 10H11.1617L6.5 5.4297C5.6 4.5297 4 5.1297 4 6.4297V25.942Z' fill='url(#paint5_radial_6893_5267)'/> <g filter='url(#filter0_f_6893_5267)'> <rect x='5.05408' y='21.8203' width='2.72692' height='3.69801' rx='1.36346' fill='#D67908'/> </g> <g filter='url(#filter1_f_6893_5267)'> <path d='M20.7508 10.2007C17.7675 10.3082 25.9773 15.1544 25.9773 15.1544L27.1023 6.09195C27.157 5.63101 26.7382 5.13844 25.8523 5.96097C25.8523 5.96097 22.0258 9.72898 21.8387 9.91319C21.6516 10.0974 21.4307 10.1621 21.1371 10.2007C20.9875 10.2203 20.9015 10.1952 20.7508 10.2007Z' fill='url(#paint6_linear_6893_5267)'/> </g> <path d='M6.13258 13.5034L8.93258 10.9034C9.25258 10.6034 9.25258 10.1234 8.93258 9.83344L5.9179 7.15626C5.53508 6.82032 4.74258 6.9297 4.74258 7.76344V12.9634C4.74258 13.7969 5.62258 13.9834 6.13258 13.5034Z' fill='url(#paint7_linear_6893_5267)'/> <g filter='url(#filter2_f_6893_5267)'> <path d='M26.4909 5.65184C26.5488 5.50816 26.6882 5.41406 26.8431 5.41406V5.41406C27.0529 5.41406 27.2229 5.58411 27.2229 5.79388V8.03906L25.8055 7.35156L26.4909 5.65184Z' fill='url(#paint8_linear_6893_5267)'/> </g> <g filter='url(#filter3_f_6893_5267)'> <path d='M5.44611 5.72656L8.82107 8.9461C9.57518 9.66548 9.58931 10.8646 8.85236 11.6016V11.6016' stroke='#FFDF70' stroke-linecap='round'/> </g> <g filter='url(#filter4_f_6893_5267)'> <path d='M14.8054 20.6502L14.8697 20.6352C15.3433 20.5248 15.8366 20.5299 16.3077 20.6502V20.6502C16.8288 20.7484 17.1399 21.3457 16.6999 21.7757L16.1491 22.3773C15.8791 22.6473 15.2863 22.6473 15.0163 22.3773L14.4734 21.7757C14.0241 21.2679 14.3054 20.7601 14.8054 20.6502Z' fill='url(#paint9_linear_6893_5267)'/> </g> <path d='M15.2265 20.2066L15.2908 20.1916C15.7644 20.0811 16.2577 20.0862 16.7289 20.2066V20.2066C17.25 20.3047 17.561 20.902 17.121 21.332L16.5703 21.9336C16.3003 22.2036 15.7075 22.2036 15.4375 21.9336L14.8945 21.332C14.4453 20.8242 14.7265 20.3164 15.2265 20.2066Z' fill='url(#paint10_radial_6893_5267)'/> <g filter='url(#filter5_f_6893_5267)'> <ellipse cx='16.2703' cy='20.7414' rx='0.761719' ry='0.274258' fill='url(#paint11_linear_6893_5267)'/> </g> <g filter='url(#filter6_f_6893_5267)'> <path d='M24.7851 22.8923L28.5898 21.0798' stroke='url(#paint12_linear_6893_5267)' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round'/> </g> <g filter='url(#filter7_f_6893_5267)'> <path d='M24.7851 24.9235L26.7117 26.2891' stroke='url(#paint13_linear_6893_5267)' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round'/> </g> <path d='M25.5663 22.5391L29.371 20.7266' stroke='url(#paint14_linear_6893_5267)' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round'/> <g filter='url(#filter8_f_6893_5267)'> <path d='M25.5663 22.7109L29.371 20.8984' stroke='#FF8485' stroke-width='0.3' stroke-miterlimit='10' stroke-linecap='round'/> </g> <g filter='url(#filter9_f_6893_5267)'> <ellipse cx='29.6059' cy='20.5806' rx='0.18384' ry='0.165827' transform='rotate(-22.7455 29.6059 20.5806)' fill='#FFDD86'/> </g> <path d='M25.5636 24.6692L29.3652 26.4883' stroke='url(#paint15_linear_6893_5267)' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round'/> <g filter='url(#filter10_f_6893_5267)'> <path d='M25.4984 24.5491L29.3 26.3682' stroke='#FF8485' stroke-width='0.3' stroke-miterlimit='10' stroke-linecap='round'/> </g> <g filter='url(#filter11_f_6893_5267)'> <ellipse cx='29.5404' cy='26.3682' rx='0.18384' ry='0.165827' transform='rotate(28.2981 29.5404 26.3682)' fill='#FFDD86'/> </g> <path d='M6.5281 24.681L2.72654 26.5' stroke='url(#paint16_linear_6893_5267)' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round'/> <g filter='url(#filter12_f_6893_5267)'> <path d='M6.59334 24.5608L2.79179 26.3799' stroke='#FF8485' stroke-width='0.3' stroke-miterlimit='10' stroke-linecap='round'/> </g> <g filter='url(#filter13_f_6893_5267)'> <ellipse rx='0.18384' ry='0.165827' transform='matrix(-0.942776 -0.333427 -0.333427 0.942776 6.64614 24.5049)' fill='#FFDD86'/> </g> <path d='M6.53973 22.5243L2.72615 20.7306' stroke='url(#paint17_linear_6893_5267)' stroke-width='1.2' stroke-miterlimit='10' stroke-linecap='round'/> <g filter='url(#filter14_f_6893_5267)'> <path d='M6.67403 22.4988L2.86046 20.7051' stroke='#FF8485' stroke-width='0.3' stroke-miterlimit='10' stroke-linecap='round'/> </g> <g filter='url(#filter15_f_6893_5267)'> <ellipse rx='0.18384' ry='0.165827' transform='matrix(-0.338111 -0.941106 -0.941106 0.338111 6.75078 22.5043)' fill='#FFDD86'/> </g> <path d='M20.4179 23.0547C20.4179 25.4947 18.436 27.3906 15.996 27.3906C13.556 27.3906 11.6835 25.4478 11.6835 23.0078C11.6835 23.0078 13.4882 25.1406 15.996 23.0078C18.3476 25.0859 20.4179 23.0547 20.4179 23.0547Z' fill='url(#paint18_linear_6893_5267)'/> <g filter='url(#filter16_f_6893_5267)'> <rect x='22.1024' y='10.1016' width='4.5851' height='14.1857' fill='url(#paint19_linear_6893_5267)'/> </g> <path d='M25.8329 13.5034L23.0329 10.9034C22.7129 10.6034 22.7129 10.1234 23.0329 9.83344L26.0476 7.15626C26.4304 6.82032 27.2229 6.9297 27.2229 7.76344V12.9634C27.2229 13.7969 26.3429 13.9834 25.8329 13.5034Z' fill='#FFB915'/> <path d='M25.8329 13.5034L23.0329 10.9034C22.7129 10.6034 22.7129 10.1234 23.0329 9.83344L26.0476 7.15626C26.4304 6.82032 27.2229 6.9297 27.2229 7.76344V12.9634C27.2229 13.7969 26.3429 13.9834 25.8329 13.5034Z' fill='url(#paint20_linear_6893_5267)'/> <g filter='url(#filter17_f_6893_5267)'> <path d='M26.6336 7.36719L23.0086 10.4922L26.5555 13.3047L26.6336 7.36719Z' fill='url(#paint21_radial_6893_5267)'/> </g> <g filter='url(#filter18_f_6893_5267)'> <path d='M23.7274 10.2891L26.2586 13.0234' stroke='url(#paint22_linear_6893_5267)' stroke-width='0.5' stroke-linecap='round'/> </g> <g filter='url(#filter19_f_6893_5267)'> <path d='M5.22321 7.49927V13.407L8.69196 10.3176L5.22321 7.49927Z' fill='#FEB33E'/> </g> <g filter='url(#filter20_f_6893_5267)'> <path d='M5.22321 7.72656V12.9141' stroke='#FFE7A3' stroke-width='0.15' stroke-linecap='round'/> </g> <g filter='url(#filter21_f_6893_5267)'> <path fill-rule='evenodd' clip-rule='evenodd' d='M10.9757 19.2763C10.8347 19.4617 10.7771 19.6974 10.7723 19.8424C10.7623 20.1459 10.5081 20.3839 10.2045 20.3739C9.90093 20.3639 9.66293 20.1097 9.67294 19.8061C9.68379 19.4771 9.79655 19.0096 10.1001 18.6105C10.4221 18.187 10.9408 17.868 11.6758 17.868C12.4182 17.868 12.9418 18.203 13.2658 18.6309C13.572 19.0351 13.6947 19.5116 13.7022 19.8512C13.7089 20.1549 13.4681 20.4065 13.1644 20.4132C12.8607 20.4198 12.6091 20.1791 12.6025 19.8754C12.5995 19.741 12.5403 19.4948 12.3889 19.295C12.2553 19.1186 12.0458 18.968 11.6758 18.968C11.2983 18.968 11.0982 19.1151 10.9757 19.2763Z' fill='url(#paint23_linear_6893_5267)'/> </g> <g filter='url(#filter22_f_6893_5267)'> <path fill-rule='evenodd' clip-rule='evenodd' d='M18.9445 19.2763C18.8035 19.4617 18.7459 19.6974 18.7411 19.8424C18.7311 20.1459 18.4769 20.3839 18.1733 20.3739C17.8697 20.3639 17.6317 20.1097 17.6417 19.8061C17.6526 19.4771 17.7653 19.0096 18.0688 18.6105C18.3909 18.187 18.9095 17.868 19.6445 17.868C20.387 17.868 20.9105 18.203 21.2346 18.6309C21.5407 19.0351 21.6635 19.5116 21.671 19.8512C21.6777 20.1549 21.4369 20.4065 21.1332 20.4132C20.8295 20.4198 20.5779 20.1791 20.5712 19.8754C20.5683 19.741 20.509 19.4948 20.3577 19.295C20.2241 19.1186 20.0146 18.968 19.6445 18.968C19.2671 18.968 19.067 19.1151 18.9445 19.2763Z' fill='url(#paint24_linear_6893_5267)'/> </g> <path d='M10.5508 19.4141C10.5664 18.9401 10.8914 18.0078 12.0039 18.0078C13.1164 18.0078 13.4701 18.9792 13.4805 19.4531' stroke='url(#paint25_radial_6893_5267)' stroke-width='1.1' stroke-linecap='round'/> <path d='M10.5508 19.4141C10.5664 18.9401 10.8914 18.0078 12.0039 18.0078C13.1164 18.0078 13.4701 18.9792 13.4805 19.4531' stroke='url(#paint26_linear_6893_5267)' stroke-width='1.1' stroke-linecap='round'/> <path d='M18.5195 19.4141C18.5352 18.9401 18.8602 18.0078 19.9727 18.0078C21.0852 18.0078 21.4388 18.9792 21.4492 19.4531' stroke='url(#paint27_radial_6893_5267)' stroke-width='1.1' stroke-linecap='round'/> <path d='M18.5195 19.4141C18.5352 18.9401 18.8602 18.0078 19.9727 18.0078C21.0852 18.0078 21.4388 18.9792 21.4492 19.4531' stroke='url(#paint28_linear_6893_5267)' stroke-width='1.1' stroke-linecap='round'/> <g filter='url(#filter23_f_6893_5267)'> <ellipse cx='21.5391' cy='19.3672' rx='0.164062' ry='0.226562' fill='#715167'/> </g> <g filter='url(#filter24_f_6893_5267)'> <ellipse cx='13.6445' cy='19.3672' rx='0.164062' ry='0.226562' fill='#715167'/> </g> <defs> <filter id='filter0_f_6893_5267' x='3.55408' y='20.3203' width='5.72693' height='6.698' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.75' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter1_f_6893_5267' x='19.098' y='4.5188' width='9.00903' height='11.6356' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.5' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter2_f_6893_5267' x='24.8055' y='4.41406' width='3.41745' height='4.625' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.5' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter3_f_6893_5267' x='2.94611' y='3.22656' width='8.94989' height='10.7286' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter4_f_6893_5267' x='13.7482' y='20.056' width='3.66141' height='3.02374' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter5_f_6893_5267' x='14.9086' y='19.8671' width='2.72344' height='1.74852' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.3' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter6_f_6893_5267' x='23.685' y='19.9796' width='6.00494' height='4.01282' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter7_f_6893_5267' x='23.6851' y='23.8235' width='4.12671' height='3.56561' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter8_f_6893_5267' x='24.9163' y='20.2484' width='5.10474' height='3.11255' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter9_f_6893_5267' x='28.9245' y='19.9119' width='1.36264' height='1.3374' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter10_f_6893_5267' x='24.8484' y='23.8991' width='5.10162' height='3.11908' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter11_f_6893_5267' x='28.8604' y='25.6981' width='1.35999' height='1.34009' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter12_f_6893_5267' x='2.14175' y='23.9108' width='5.10162' height='3.11908' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter13_f_6893_5267' x='5.96417' y='23.8369' width='1.36395' height='1.33594' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter14_f_6893_5267' x='2.21042' y='20.0551' width='5.11365' height='3.09381' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter15_f_6893_5267' x='6.08273' y='21.8224' width='1.33606' height='1.36389' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter16_f_6893_5267' x='18.1024' y='6.10156' width='12.5851' height='22.1857' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='2' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter17_f_6893_5267' x='22.4086' y='6.76719' width='4.825' height='7.1375' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.3' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter18_f_6893_5267' x='22.7274' y='9.28906' width='4.53125' height='4.73438' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.375' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter19_f_6893_5267' x='4.72321' y='6.99927' width='4.46875' height='6.90771' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter20_f_6893_5267' x='4.64819' y='7.15155' width='1.15002' height='6.33752' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.25' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter21_f_6893_5267' x='9.27264' y='17.468' width='4.82969' height='3.34529' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.2' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter22_f_6893_5267' x='17.2414' y='17.468' width='4.82969' height='3.34529' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.2' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter23_f_6893_5267' x='20.975' y='18.7406' width='1.12813' height='1.25313' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.2' result='effect1_foregroundBlur_6893_5267'/> </filter> <filter id='filter24_f_6893_5267' x='13.0805' y='18.7406' width='1.12813' height='1.25313' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'> <feFlood flood-opacity='0' result='BackgroundImageFix'/> <feBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/> <feGaussianBlur stdDeviation='0.2' result='effect1_foregroundBlur_6893_5267'/> </filter> <linearGradient id='paint0_linear_6893_5267' x1='7.90668' y1='1.34978' x2='7.90668' y2='30.99' gradientUnits='userSpaceOnUse'> <stop offset='0.288159' stop-color='#F2CC26'/> <stop offset='0.762024' stop-color='#E99E20'/> <stop offset='0.9925' stop-color='#E3821D'/> <stop offset='1' stop-color='#E3801D'/> </linearGradient> <linearGradient id='paint1_linear_6893_5267' x1='8.83102' y1='12.033' x2='1.16971' y2='12.033' gradientUnits='userSpaceOnUse'> <stop stop-color='#E99E20' stop-opacity='0'/> <stop offset='0.9925' stop-color='#E3821D'/> <stop offset='1' stop-color='#E3801D'/> </linearGradient> <linearGradient id='paint2_linear_6893_5267' x1='26.7911' y1='12.033' x2='30.245' y2='12.033' gradientUnits='userSpaceOnUse'> <stop stop-color='#E99E20' stop-opacity='0'/> <stop offset='0.9925' stop-color='#E3821D'/> <stop offset='1' stop-color='#E3801D'/> </linearGradient> <linearGradient id='paint3_linear_6893_5267' x1='16.001' y1='-1.59459' x2='16' y2='30.99' gradientUnits='userSpaceOnUse'> <stop offset='0.77079' stop-color='#F59639' stop-opacity='0'/> <stop offset='1' stop-color='#FF63C4'/> </linearGradient> <linearGradient id='paint4_linear_6893_5267' x1='16' y1='11.2521' x2='16' y2='32.475' gradientUnits='userSpaceOnUse'> <stop offset='0.854227' stop-color='white' stop-opacity='0'/> <stop offset='0.985362' stop-color='white'/> </linearGradient> <radialGradient id='paint5_radial_6893_5267' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(22.1755 4.47688) rotate(55.4547) scale(5.37104 10.6707)'> <stop stop-color='#FFA720'/> <stop offset='0.921158' stop-color='#FFA720' stop-opacity='0'/> </radialGradient> <linearGradient id='paint6_linear_6893_5267' x1='21.9081' y1='6.85159' x2='28.1649' y2='13.6953' gradientUnits='userSpaceOnUse'> <stop stop-color='#FFA720'/> <stop offset='1' stop-color='#FFA720' stop-opacity='0'/> </linearGradient> <linearGradient id='paint7_linear_6893_5267' x1='10.6023' y1='10.6172' x2='4.74258' y2='10.0703' gradientUnits='userSpaceOnUse'> <stop offset='0.437473' stop-color='#ED8C1B'/> <stop offset='1' stop-color='#FFB03A'/> </linearGradient> <linearGradient id='paint8_linear_6893_5267' x1='27.0399' y1='4.96094' x2='26.4438' y2='7.30239' gradientUnits='userSpaceOnUse'> <stop offset='0.28598' stop-color='#FFE792'/> <stop offset='1' stop-color='#FFDD65' stop-opacity='0'/> </linearGradient> <linearGradient id='paint9_linear_6893_5267' x1='15.7508' y1='22.3512' x2='15.0789' y2='23.4449' gradientUnits='userSpaceOnUse'> <stop stop-color='#E3900E'/> <stop offset='1' stop-color='#EA9D26' stop-opacity='0'/> </linearGradient> <radialGradient id='paint10_radial_6893_5267' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(16.4461 21.1797) rotate(-153.246) scale(2.11729 2.12981)'> <stop stop-color='#EA088B'/> <stop offset='1' stop-color='#E61E27'/> </radialGradient> <linearGradient id='paint11_linear_6893_5267' x1='17.2036' y1='20.7414' x2='15.6801' y2='20.7414' gradientUnits='userSpaceOnUse'> <stop stop-color='white' stop-opacity='0.9'/> <stop offset='1' stop-color='white' stop-opacity='0'/> </linearGradient> <linearGradient id='paint12_linear_6893_5267' x1='24.2898' y1='23.236' x2='28.0242' y2='21.3203' gradientUnits='userSpaceOnUse'> <stop stop-color='#E88105'/> <stop offset='1' stop-color='#E37D02' stop-opacity='0'/> </linearGradient> <linearGradient id='paint13_linear_6893_5267' x1='24.2898' y1='24.5798' x2='28.0242' y2='26.4955' gradientUnits='userSpaceOnUse'> <stop offset='0.286458' stop-color='#DE7D07'/> <stop offset='0.817708' stop-color='#E37D02' stop-opacity='0'/> </linearGradient> <linearGradient id='paint14_linear_6893_5267' x1='25.2898' y1='22.9453' x2='29.371' y2='21.0078' gradientUnits='userSpaceOnUse'> <stop offset='0.15625' stop-color='#D64A38'/> <stop offset='1' stop-color='#FB7425'/> </linearGradient> <linearGradient id='paint15_linear_6893_5267' x1='25.0739' y1='24.7096' x2='29.1465' y2='26.6651' gradientUnits='userSpaceOnUse'> <stop offset='0.15625' stop-color='#D64A38'/> <stop offset='1' stop-color='#FB7425'/> </linearGradient> <linearGradient id='paint16_linear_6893_5267' x1='7.01785' y1='24.7214' x2='2.94525' y2='26.6768' gradientUnits='userSpaceOnUse'> <stop offset='0.15625' stop-color='#D64A38'/> <stop offset='1' stop-color='#FB7425'/> </linearGradient> <linearGradient id='paint17_linear_6893_5267' x1='6.81823' y1='22.9292' x2='2.72754' y2='21.0119' gradientUnits='userSpaceOnUse'> <stop offset='0.15625' stop-color='#D64A38'/> <stop offset='1' stop-color='#FB7425'/> </linearGradient> <linearGradient id='paint18_linear_6893_5267' x1='16.0466' y1='27.5225' x2='16.0466' y2='23.1004' gradientUnits='userSpaceOnUse'> <stop stop-color='#E61E27'/> <stop offset='1' stop-color='#672A7A'/> </linearGradient> <linearGradient id='paint19_linear_6893_5267' x1='23.3524' y1='10.8385' x2='22.9558' y2='22.8891' gradientUnits='userSpaceOnUse'> <stop offset='0.548257' stop-color='#FFDD65'/> <stop offset='1' stop-color='#FFDD65' stop-opacity='0'/> </linearGradient> <linearGradient id='paint20_linear_6893_5267' x1='26.5398' y1='15.5078' x2='25.2898' y2='12.0391' gradientUnits='userSpaceOnUse'> <stop stop-color='#EF8A47'/> <stop offset='1' stop-color='#EF8A47' stop-opacity='0'/> </linearGradient> <radialGradient id='paint21_radial_6893_5267' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(22.868 7.77344) rotate(55.7389) scale(7.82686 9.38424)'> <stop stop-color='#FFDF70'/> <stop offset='1' stop-color='#FFDF70' stop-opacity='0'/> </radialGradient> <linearGradient id='paint22_linear_6893_5267' x1='25.0555' y1='10.4766' x2='25.0555' y2='12.8203' gradientUnits='userSpaceOnUse'> <stop offset='0.432292' stop-color='#FFE7A3'/> <stop offset='1' stop-color='#FFDF83' stop-opacity='0'/> </linearGradient> <linearGradient id='paint23_linear_6893_5267' x1='14.9531' y1='19.7308' x2='15.2627' y2='22.9469' gradientUnits='userSpaceOnUse'> <stop stop-color='#EC9611'/> <stop offset='1' stop-color='#EA9D26' stop-opacity='0'/> </linearGradient> <linearGradient id='paint24_linear_6893_5267' x1='22.9219' y1='19.7308' x2='23.2315' y2='22.9469' gradientUnits='userSpaceOnUse'> <stop stop-color='#EC9611'/> <stop offset='1' stop-color='#EA9D26' stop-opacity='0'/> </linearGradient> <radialGradient id='paint25_radial_6893_5267' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(12.0156 19.5886) rotate(-91.0929) scale(5.75971 5.75893)'> <stop offset='0.166667' stop-color='#482641'/> <stop offset='0.276042' stop-color='#594253'/> <stop offset='0.401042' stop-color='#483637'/> </radialGradient> <linearGradient id='paint26_linear_6893_5267' x1='9.98438' y1='20.1406' x2='11.75' y2='18.8594' gradientUnits='userSpaceOnUse'> <stop stop-color='#271B27'/> <stop offset='1' stop-color='#483637' stop-opacity='0'/> </linearGradient> <radialGradient id='paint27_radial_6893_5267' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(19.9844 19.5886) rotate(-91.0929) scale(5.75971 5.75893)'> <stop offset='0.166667' stop-color='#482641'/> <stop offset='0.276042' stop-color='#594253'/> <stop offset='0.401042' stop-color='#483637'/> </radialGradient> <linearGradient id='paint28_linear_6893_5267' x1='17.9531' y1='20.1406' x2='19.7188' y2='18.8594' gradientUnits='userSpaceOnUse'> <stop stop-color='#271B27'/> <stop offset='1' stop-color='#483637' stop-opacity='0'/> </linearGradient> </defs> </svg> |
Click OK, once the Icon Set is saved the Power Automate flow will trigger a refresh of the dataflow loading the icons into the Dataverse.
View the Fluent UI Emoji icon set
Navigate back to the Iconography Workbench and select Fluent UI Icon Set in the Icon set gallery, select an icon and the colours will be changed, when you change the color of the icon, the icon will automatically be updated.