![]() To get cute, customizable Notion icons, head over to the Simple Notion Icons collection of cute icons. If you paste this URL, you'll get the crazy visual as an icon. Here, use the one we've used in the example above: To set a GIF as an icon, you'll go through the same workflow: add icon → select a link, this time → paste the URL of the GIF there. Make sure you send us a DM with how your collection of pages will look like, if every page's icon is animated! There's countless of examples of crazy visuals (psychedelic or not) that you can add there for your page. Probably you won't go for a meme GIF as an icon, but hey - gifs aren't all about memes. Some example of famous hex codes for colours: Why does this matter? It's easy: if you have a specific shade you want for your Notion icon, you can add it there in that field and the icons will be automatically changed. Two dark greens can look about the same, but if they're slightly different, they'll have two hex codes. If you don't, to put it simply, a hex code is a unique code for a color. ![]() You might or might not know what a hex code is. Sure, you can click the dropdown to see some pre-made options, but what's the point of an editable field? If you look again at the 'color' field, you'll see that we've made added an editable field there. Pro Tip #2: Go your own way with the colors If you want (and are able) to keep it all organised and tidy, use the same color for all your Notion icons to keep them in harmony.Īlternatively, you can use different colors for different sections of your dashboard/files/pages etc. Use those buttons to save time when picking a color. If you click the downward-facing arrow next to the 'color' field, you'll see some pre-made options of colors. We'll walk you through a few pro tips on how to use our collection of fun Notion icons below: Pro Tip #1: Change the color for aesthetic Notion icons What we've described above is the quickest way to use them, but as you'll see for yourself, there's more to it. Pro tips for using our copy-and-paste Notion icons If you're wondering why, the answer is really simple and straightforward: we want people to know of our Notion website builderīut this is about the icons, not our website builder, so we'll get back on-topic. That's it - no gimmicks, no hidden paywalls, no nothing. We've created this library of icons which we're giving away for free, at no extra cost. You'll be able to change colors, the thickness of the icon and you'll be able to search through the icons. It comes to down to a few clicks (copying the icon → 2 clicks in Notion → pasting the icon). You'll find a big selection if icons there, which are easily usable. It's because GIF doesn't support alpha channel - like opacity with gradient - thus every pixel in GIF is either opaque or completely transparent.įollowing are the same bulb file in GIF format with two different background color, you can see while the left bulb looks perfect, the right bulb is totally not acceptable in quality.The best place to find free downloadable Notion icons is on. ![]() GIF by its nature can't do well with both transparency and curve edges. Turning on "smoothing" option may also help. Try using SVG instead of PNG or JPG for better result. Uploaded images are resized by the size you specified in the editor, which makes the generated GIF blurry. Newer formats such as APNG, WebM and animated SVG provide better image quality, but none of them are supported by older browsers. However, image quality of GIF usually isn't as good as SVG. Furhtermore, CSS-based animation usually needs special care for both its CSS and HTML/SVG part. ![]() Why GIF?įor now, GIF is the format with the best compatibility across browsers.ĬSS animation is widely supported in various browsers nowaday, yet some older browsers still don't support CSS animation. While it's quite easy to use, you may still want to use a generator when you need more complicated animations or alternative image format. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |