1 of 20

SVGs Setup for Teams

2 of 20

Who am I?

3 of 20

4 of 20

5 of 20

...for Teams?

6 of 20

7 of 20

8 of 20

🤓 ❤️

9 of 20

🤓 > 🤖

10 of 20

🥩?

11 of 20

Reduce friction:

DESIGNERS: want what they see on screen to reflect their vision

DEVELOPERS: want to spend as little time as possible updating things

CONTENT CREATORS: want to feel empowered and capable

12 of 20

Reduce friction:

Increase options:

DESIGNERS: want what they see on screen to reflect their vision

DEVELOPERS: want to spend as little time as possible updating things

CONTENT CREATORS: want to feel empowered and capable

​

DESIGNERS: more tools to play with, confidently

DEVELOPERS: if a process is stable, secondary processes can be built out of them

CONTENT CREATORS: more freedom, more creativity

13 of 20

📖?

14 of 20

Practical things we’ll learn:

1. Grunt - setup

2. Simple one color icon sets

3. Simple two color icon sets

15 of 20

Practical things we’ll learn:

Impractical things we’ll learn:

1. Grunt - setup

2. Simple one color icon sets

3. Simple two color icon sets

It’s a surprise

16 of 20

🧐

17 of 20

You are:

Bought into SVGs for icons

18 of 20

You are:

You arent:

Bought into SVGs for icons

​

Supporting IE

19 of 20

🥳

20 of 20

http://bit.ly/svgsForTeams

@loficodes