For all you Icon-holics who also need a new Design program


#1

Hi,

If you are looking for a good Design program and don’t want Adobes monthly CC plan or Illustrator.
Take a look at the absolutely fantastic Affinity Designer.

A member of the Affinity forum has shared a HUGE icon pack containing these 11 icon sets:
Entypo+, FontAwesome, Foundation, Game Icons, Gnome Symbolic Icons, Hawcons, Icomoon, Ionic Icons, Material Design Icons, Material Icons, Typicons.

Each containing 300 - 700 searchable icons ready to use direct in Affinity Designer.

It seems Affinity has some price drop during the Apple WWDC so the price is very nice right now.

Sample of the Foundation Icons


#2

Nice,

I tried searching for it on the Affinity forum, but no success. can you please share a link?


#3

@ilayd
Here’s the link to the Icon Pack v2 zip file.


#4

I wish they would set about making the page layout software that they planned to. Gone quiet on that.

It’s great to see companies like Affinity springing up with great offerings.


#5

thank you very much


#6

@pauland Yes i’m waiting for Affinity Publisher as well.
I’m sure it’s going to be great when it’s done.
From what i’ve heard developing Publisher took longer than they’d expected and they don’t want to release even a beta until it’s good enough.

Meanwhile Designer has got some needed updates.
Like the Studio Assets, Symbols and Text Styles and more.


#7

They’ve been focusing on their iPad photo app.


#8

Thank you so much for this @Jakerlund! I’ve been using Affinity Designer for a while now and along with migrating to Pixelmator Pro, have been able to be done with Adobe products. Affinity does a great job of simplifying a powerful tool set. Best of class in my opinion.


#9

HI Jakerlund – Thanks for the icon package link.

Question: how do you deploy these icons in blocs?

thanks!


#10

Hello @DanielF

You just export hem as svg or png’s.
I prefer svg’s they work great in the image block, just add a class to adjust size and position.
You can’t change color of the svg/png inside blocs though, it will behave just like any other image.

But with the new “Inlince SVG” brick in the Blocs Store
You can paste the svg code from Affinity designer.

26

You have to go through a code editor like Sublime Text, Brackets, Atom or other to edit the code before pasting it into the “Inline SVG” brick.

In Affinity Designer, copy the icon. (keep it simple without layers)

38

Remove these parts.

Paste it into the “SVG Embed” area

28

You should now have a black icon.

36

Now you can change the color of that svg with the “Fill Color” of the brick settings.

58

And voila…

03


#11

Hi Jakerlund, I think DanielF meant how to get these icons into the Blocs App. :thinking:


#12

Hi @StFoldex

Yup, i realized that after i had posted, and read the whole post.
So i took a few minutes to take new screenshots to explain what he actually was asking.
It’s 04:40 in the morning here and it’s bed time, my brain is on shut down mode :weary:

Cheers


#13

wow…thanks all of that effort…I’ll have to give it a try, as I do have Affinity Designer & Photo and Brackets & VS Code…so crossing my fingers!

:pray:t3::pray:t3::pray:t3::pray:t3:


#14

Yes, that’s what I meant…I suppose there’s another process then? Will wait for Jakerlund to get some rest… THANKS!


#15

You can use any text editor to do this. Just right click and Open With.


#16

Jakerlund, thanks for the tutorial. :pray: