

If adding a custom SVG file make sure fill and stroke are set to currentColor so it gets the right colour when using it. Fortinet delivers award-winning cyber security solutions across the entire digital attack surface, securing devices, data, and applications from the data. It needs to be placed under icons/internal/obj in order to work. Copy the URL paste it as a Link when selecting your icon in Notion. Basic Two-tone icon and colorful icon Custom Icon Use iconfont.cn Multiple resources from iconfont.cn API Icon Semantic vector graphics. Defining a new icon in a pluginįirst you'll need an SVG file. The easiest way to use gorgeous icons in Notion. You should also pass an "alt" attribute to the icon where it is needed for accessibility.įor icons defined in Tui, you can see a list of them all on the Tui samples page under icons/Common. You can use it with your own icon components, generate SVG, convert to other formats. Icon data for all icons shown above is available for developers.
HTML:
#SVG ICON PLUS SOFTWARE#
You can pass a different value to the size prop in order to get a differently sized icon (100 to 700, in increments of 100), or null to size it with the text. Plus icons Free plus icons in vector SVG, PNG and webp file formats, sizes from 16px to 512 px or larger with SVG vector file, ideal for web, app, and mobile software and apps, icons ready for download. You can use the same code no matter what icon set you choose. Icons default to a size of "200" (=16px). If the icon does not have a built-in colour, so it will be taken from the current text colour. By comparison, the SVG files compressed with gzip will. Import BackArrowIcon from 'tui/components/icons/BackArrow' The icon font weighs in at only 42KB in its smallest woff2 format and 56KB in standard woff format. Ever wonder what plus might look like in the mix Well, youre in luck Weve cooked up some examples of how you could use the plus.
