{ "status": 200, "data": { "title": "Icons", "slug": "icons", "locked": false, "body": [ { "id": "10079", "type": "text", "data": { "content": "

All Bebat icons can be consulted in the following Figma library: https://www.figma.com/file/5kPK4e9fkfK2kgk61SZ1bm/Fundamentals-%2F-Branded-Icons?type=design&node-id=509%3A7736&mode=design&t=AvEjweWxwibNUMgZ-1

" } }, { "id": "10080", "type": "images", "data": { "type": "fullWidth", "images": [ { "name": "Iconen library", "extension": "image", "size": { "B": 1014964, "KB": 1014.9640000000000554791768081486225128173828125, "MB": 1.01496399999999997731947587453760206699371337890625, "GB": 0.00101496399999999992701249507121019632904790341854095458984375 }, "path": { "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Iconen-library.png", "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Iconen-library.png", "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Iconen-library.png", "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Iconen-library.png" }, "addBackground": false }, { "name": "Iconen library 2", "extension": "image", "size": { "B": 744877, "KB": 744.87699999999995270627550780773162841796875, "MB": 0.7448770000000000113260512080159969627857208251953125, "GB": 0.000744877000000000017397583373934821793227456510066986083984375 }, "path": { "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Iconen-library-2.png", "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Iconen-library-2.png", "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Iconen-library-2.png", "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Iconen-library-2.png" }, "addBackground": false } ] } }, { "id": "9935", "type": "text", "data": { "content": "

Style rules

\n

A single line thickness is used for icons.

\n

Rounded corners on the outside of the icon are preferred. If a right angle enhances the overall look of the icon, this is preferable.

\n\n" } }, { "id": "10081", "type": "images", "data": { "type": "grid2columns", "images": [ { "name": "Lijndikte", "extension": "image", "size": { "B": 193808, "KB": 193.8079999999999927240423858165740966796875, "MB": 0.1938080000000000080451201256437343545258045196533203125, "GB": 0.0001938080000000000119482479465915503169526346027851104736328125 }, "path": { "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Lijndikte.png", "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Lijndikte.png", "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Lijndikte.png", "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Lijndikte.png" }, "addBackground": false }, { "name": "Afgeronde hoeken", "extension": "image", "size": { "B": 223941, "KB": 223.941000000000002501110429875552654266357421875, "MB": 0.223941000000000001168842800325364805757999420166015625, "GB": 0.00022394099999999998924261890298481603167601861059665679931640625 }, "path": { "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Afgeronde-hoeken.png", "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Afgeronde-hoeken.png", "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Afgeronde-hoeken.png", "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Afgeronde-hoeken.png" }, "addBackground": false } ] } }, { "id": "10082", "type": "text", "data": { "content": "

The ends of the lines should have a butt cap or rounded cap.

\n

A combination of straight and rounded corners may be used on the inside of the icon.

" } }, { "id": "10083", "type": "images", "data": { "type": "grid2columns", "images": [ { "name": "Butt cap", "extension": "image", "size": { "B": 205884, "KB": 205.883999999999986130205797962844371795654296875, "MB": 0.205884000000000011443290759416413493454456329345703125, "GB": 0.00020588400000000000949172684894250551224104128777980804443359375 }, "path": { "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Butt-cap.png", "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Butt-cap.png", "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Butt-cap.png", "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Butt-cap.png" }, "addBackground": false }, { "name": "Ronde hoeken", "extension": "image", "size": { "B": 216121, "KB": 216.121000000000009322320693172514438629150390625, "MB": 0.2161210000000000075459638537722639739513397216796875, "GB": 0.000216120999999999999739708211876632049097679555416107177734375 }, "path": { "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Ronde-hoeken.png", "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Ronde-hoeken.png", "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Ronde-hoeken.png", "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Ronde-hoeken.png" }, "addBackground": false } ] } }, { "id": "10084", "type": "text", "data": { "content": "

Use

\n

ISO icons are used in large sizes of at least 64 px. They have more detail and can convey more complex information than UI icons. They are built with a line of 2.2 px.

\n

Always scale the icons using the scale tool or K in Figma. Tick the Scale strokes & effects checkbox in Illustrator.

" } }, { "id": "10085", "type": "images", "data": { "type": "fullWidth", "images": [ { "name": "UI toepassing", "extension": "image", "size": { "B": 371400, "KB": 371.3999999999999772626324556767940521240234375, "MB": 0.371400000000000007904787935331114567816257476806640625, "GB": 0.0003713999999999999745113610227775780003867112100124359130859375 }, "path": { "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/UI-toepassing.png", "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/UI-toepassing.png", "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/UI-toepassing.png", "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/UI-toepassing.png" }, "addBackground": false } ] } }, { "id": "10086", "type": "text", "data": { "content": "

UI icons

\n

We do the same with the Tabler Icon Library, which will be used on Bebat’s platforms for the UI icons.

\n

Examples can be found at tabler-icons.io

" } }, { "id": "10087", "type": "images", "data": { "type": "fullWidth", "images": [ { "name": "Tabler", "extension": "image", "size": { "B": 535770, "KB": 535.76999999999998181010596454143524169921875, "MB": 0.53576999999999996848742966903955675661563873291015625, "GB": 0.000535769999999999974558961834958381587057374417781829833984375 }, "path": { "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/Tabler.png", "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/Tabler.png", "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/Tabler.png", "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/Tabler.png" }, "addBackground": false } ] } } ], "navigation": [ { "title": "Introduction", "type": "Brand", "slug": "inleiding", "active": false, "locked": false, "detail": "/api/detail/brand/inleiding", "children": [] }, { "title": "Values", "type": "Brand", "slug": "values", "active": false, "locked": false, "detail": "/api/detail/brand/values", "children": [] }, { "title": "Mission", "type": "Brand", "slug": "mission", "active": false, "locked": false, "detail": "/api/detail/brand/mission", "children": [] }, { "title": "Vision", "type": "Brand", "slug": "vision", "active": false, "locked": false, "detail": "/api/detail/brand/vision", "children": [] }, { "title": "Communication", "type": "Brand", "slug": "communicatie", "active": false, "locked": false, "detail": "/api/detail/brand/communicatie", "children": [] }, { "title": "Safety: mission and vision", "type": "Brand", "slug": "veiligheidsmissie-visie", "active": false, "locked": false, "detail": "/api/detail/brand/veiligheidsmissie-visie", "children": [] }, { "title": "Brand personality", "type": "Brand", "slug": "brand-personality", "active": false, "locked": false, "detail": "/api/detail/brand/brand-personality", "children": [] }, { "title": "Tone of voice", "type": "Brand", "slug": "tone-of-voice", "active": false, "locked": false, "detail": "/api/detail/brand/tone-of-voice", "children": [ { "title": "B2C", "type": "Brand", "slug": "b2c", "parent": "tone-of-voice", "active": false, "detail": "/api/detail/brand/b2c", "locked": false }, { "title": "B2B", "type": "Brand", "slug": "b2b", "parent": "tone-of-voice", "active": false, "detail": "/api/detail/brand/b2b", "locked": false } ] }, { "title": "Logo", "type": "Brand", "slug": "logo", "active": false, "locked": false, "detail": "/api/detail/brand/logo", "children": [ { "title": "Correct usage", "type": "Brand", "slug": "correct-usage", "parent": "logo", "active": false, "detail": "/api/detail/brand/correct-usage", "locked": false }, { "title": "Size & positioning", "type": "Brand", "slug": "logo-size-position", "parent": "logo", "active": false, "detail": "/api/detail/brand/logo-size-position", "locked": false }, { "title": "Usage of baseline and font", "type": "Brand", "slug": "baseline-font", "parent": "logo", "active": false, "detail": "/api/detail/brand/baseline-font", "locked": false } ] }, { "title": "Soundlogo", "type": "Brand", "slug": "soundlogo", "active": false, "locked": false, "detail": "/api/detail/brand/soundlogo", "children": [] }, { "title": "Typography", "type": "Brand", "slug": "typography", "active": false, "locked": false, "detail": "/api/detail/brand/typography", "children": [] }, { "title": "Colours", "type": "Brand", "slug": "kleuren", "active": false, "locked": false, "detail": "/api/detail/brand/kleuren", "children": [ { "title": "Brand colours", "type": "Brand", "slug": "brand-colours", "parent": "kleuren", "active": false, "detail": "/api/detail/brand/brand-colours", "locked": false }, { "title": "Context colours", "type": "Brand", "slug": "secundaire-kleuren", "parent": "kleuren", "active": false, "detail": "/api/detail/brand/secundaire-kleuren", "locked": false }, { "title": "Functional use", "type": "Brand", "slug": "functioneel-gebruik", "parent": "kleuren", "active": false, "detail": "/api/detail/brand/functioneel-gebruik", "locked": false }, { "title": "Visual use", "type": "Brand", "slug": "visual-use", "parent": "kleuren", "active": false, "detail": "/api/detail/brand/visual-use", "locked": false } ] }, { "title": "Photography", "type": "Brand", "slug": "fotografie", "active": false, "locked": false, "detail": "/api/detail/brand/fotografie", "children": [] }, { "title": "Infographics", "type": "Brand", "slug": "infografieken", "active": false, "locked": false, "detail": "/api/detail/brand/infografieken", "children": [] }, { "title": "Icons & illustrations", "type": "Brand", "slug": "iconen", "active": true, "locked": false, "detail": "/api/detail/brand/iconen", "children": [ { "title": "Icons", "type": "Brand", "slug": "icons", "parent": "iconen", "active": true, "detail": "/api/detail/brand/icons", "locked": false }, { "title": "Battery icon", "type": "Brand", "slug": "battery-icon", "parent": "iconen", "active": false, "detail": "/api/detail/brand/battery-icon", "locked": false }, { "title": "Illustrations", "type": "Brand", "slug": "illustrations", "parent": "iconen", "active": false, "detail": "/api/detail/brand/illustrations", "locked": false } ] }, { "title": "Lay-out", "type": "Brand", "slug": "lay-out", "active": false, "locked": false, "detail": "/api/detail/brand/lay-out", "children": [ { "title": "Print", "type": "Brand", "slug": "print", "parent": "lay-out", "active": false, "detail": "/api/detail/brand/print", "locked": false }, { "title": "Digitaal", "type": "Brand", "slug": "digital", "parent": "lay-out", "active": false, "detail": "/api/detail/brand/digital", "locked": false } ] }, { "title": "Online", "type": "Brand", "slug": "online", "active": false, "locked": false, "detail": "/api/detail/brand/online", "children": [ { "title": "Website", "type": "Brand", "slug": "website", "parent": "online", "active": false, "detail": "/api/detail/brand/website", "locked": false }, { "title": "Newsletters", "type": "Brand", "slug": "newsletters", "parent": "online", "active": false, "detail": "/api/detail/brand/newsletters", "locked": false }, { "title": "Social media", "type": "Brand", "slug": "social-media", "parent": "online", "active": false, "detail": "/api/detail/brand/social-media", "locked": false } ] }, { "title": "Copy", "type": "Brand", "slug": "copy", "active": false, "locked": false, "detail": "/api/detail/brand/copy", "children": [ { "title": "Preferred terms", "type": "Brand", "slug": "terminology", "parent": "copy", "active": false, "detail": "/api/detail/brand/terminology", "locked": false }, { "title": "B2B copy", "type": "Brand", "slug": "b2b-copy", "parent": "copy", "active": false, "detail": "/api/detail/brand/b2b-copy", "locked": false }, { "title": "Numbers & punctuation", "type": "Brand", "slug": "copy-numbers", "parent": "copy", "active": false, "detail": "/api/detail/brand/copy-numbers", "locked": false } ] } ], "navigator": { "prev": { "title": "Icons & illustrations", "slug": "iconen" }, "next": { "title": "Battery icon", "slug": "battery-icon" } }, "slugs": [ { "site": "nl", "slug": "iconen", "parent": "iconen-illustraties" }, { "site": "fr", "slug": "icones", "parent": "iconen" }, { "site": "en", "slug": "icons", "parent": "iconen" } ] }, "meta": { "sessionId": "3c91b13a743089361055ab38dbae97b7" } }