# Big Smile Big Smile is an illustrated vector avatar style with rounded cartoon faces, full hairstyles, and oversized toothy smiles. Generate cheerful SVG profile icons that stand out in user feeds and comment sections. - **Style name:** `big-smile` - **Category:** Characters - **Animated:** no - **Creator:** Ashley Seo (http://www.ashleyseo.com/) - **Source:** https://www.figma.com/community/file/881358461963645496 - **License:** CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/) ## Usage Every library below produces the same SVG for the same seed and options. HTTP API: ``` https://api.dicebear.com/10.x/big-smile/svg?seed=John ``` JavaScript: ``` npm install @dicebear/core @dicebear/styles --save ``` ```js import { Style, Avatar } from '@dicebear/core'; import definition from '@dicebear/styles/big-smile.json' with { type: 'json' }; const style = new Style(definition); const avatar = new Avatar(style, { seed: 'John' }); const svg = avatar.toString(); ``` PHP: ``` composer require dicebear/core dicebear/styles ``` ```php 'John']); $svg = (string) $avatar; ``` Python: ``` pip install dicebear-core dicebear-styles ``` ```python from importlib.resources import files from dicebear import Avatar, Style style = Style.from_json( files("dicebear_styles").joinpath("big-smile.json").read_text("utf-8") ) avatar = Avatar(style, {"seed": "John"}) svg = avatar.to_string() ``` Rust: ``` cargo add dicebear-core serde_json cargo add dicebear-styles --features big-smile ``` ```rust use dicebear_core::{Avatar, Style}; use serde_json::json; let style = Style::from_str(dicebear_styles::BIG_SMILE)?; let avatar = Avatar::new(&style, json!({ "seed": "John" }))?; let svg = avatar.to_svg(); ``` Go: ``` go get github.com/dicebear/dicebear-go/v10 go get github.com/dicebear/styles/v10 ``` ```go import ( dicebear "github.com/dicebear/dicebear-go/v10" "github.com/dicebear/styles/v10" ) style, _ := dicebear.NewStyle([]byte(styles.BigSmile)) avatar, _ := dicebear.NewAvatar(style, map[string]any{"seed": "John"}) svg := avatar.SVG() ``` Dart: ``` dart pub add dicebear_core dicebear_styles ``` ```dart import 'package:dicebear_core/dicebear_core.dart'; import 'package:dicebear_styles/big_smile.dart'; final style = Style.parse(bigSmile); final avatar = Avatar(style, {'seed': 'John'}); final svg = avatar.svg; ``` CLI: ``` npm install --global dicebear ``` ``` dicebear big-smile ``` ## Presets 10 ready-made option sets for this style. Each is a plain set of render options: pass it to any of the libraries or send it as HTTP-API query parameters. You do not need to install anything for them, and any option a preset leaves out keeps varying with the seed. - **Bare:** No background, no accessories. - **Terracotta:** A warm red-brown set built around the fixed features. - **Muted:** Dusty hair, skin left to the seed. - **Electric:** Hair at full saturation on near black. - **Pastel Wall:** Five soft backgrounds, everything else untouched. - **Bold Pop:** Saturated backgrounds, loud on purpose. - **Sunrise:** A warm gradient behind, everything else untouched. - **Night Shift:** Near black behind, light hair in front. - **Full Cast:** Every face gets an accessory. - **Close Up:** Scaled in on the face, for small avatars. The full option set of each one is at https://www.dicebear.com/styles/big-smile/presets/index.md. ## Options Every option below works in all libraries and as a query parameter of the HTTP API. The ones built from a component name (`Variant`, `Probability`) or from a color group (`Color`, `ColorFill`, `ColorFillStops`, `ColorAngle`, `ColorOrder`) belong to this style; the rest are [core options](https://www.dicebear.com/guides/core-options/) that every style accepts. | Option | Type | Values | | --- | --- | --- | | `seed` | string | | | `size` | number | 1 to 4096 | | `idRandomization` | boolean | | | `title` | string | | | `flip` | enum (array allowed) | `none`, `horizontal`, `vertical`, `both` | | `fontFamily` | string (array allowed) | | | `fontWeight` | number (array allowed) | 1 to 1000 | | `scale` | range | 0 to 10 | | `borderRadius` | range | 0 to 50 | | `rotate` | range | -360 to 360 | | `translateX` | range | -1000 to 1000 | | `translateY` | range | -1000 to 1000 | | `accessoriesVariant` | enum (array allowed) | `catEars`, `clownNose`, `faceMask`, `glasses`, `mustache`, `sailormoonCrown`, `sleepMask`, `sunglasses` | | `accessoriesProbability` | number | 0 to 100 | | `eyesVariant` | enum (array allowed) | `angry`, `cheery`, `confused`, `normal`, `sad`, `sleepy`, `starstruck`, `winking` | | `eyesProbability` | number | 0 to 100 | | `hairVariant` | enum (array allowed) | `bangs`, `bowlCutHair`, `braids`, `bunHair`, `curlyBob`, `curlyShortHair`, `froBun`, `halfShavedHead`, `mohawk`, `shavedHead`, `shortHair`, `straightHair`, `wavyBob` | | `hairProbability` | number | 0 to 100 | | `headVariant` | enum (array allowed) | `base` | | `headProbability` | number | 0 to 100 | | `mouthVariant` | enum (array allowed) | `awkwardSmile`, `braces`, `gapSmile`, `kawaii`, `openSad`, `openedSmile`, `teethSmile`, `unimpressed` | | `mouthProbability` | number | 0 to 100 | | `hairColor` | color (array allowed) | Hex color, `#` optional | | `hairColorFill` | enum (array allowed) | `solid`, `linear`, `radial` | | `hairColorFillStops` | range | | | `hairColorAngle` | range | -360 to 360 | | `hairColorOrder` | enum | `random`, `fixed` | | `skinColor` | color (array allowed) | Hex color, `#` optional | | `skinColorFill` | enum (array allowed) | `solid`, `linear`, `radial` | | `skinColorFillStops` | range | | | `skinColorAngle` | range | -360 to 360 | | `skinColorOrder` | enum | `random`, `fixed` | | `backgroundColor` | color (array allowed) | Hex color, `#` optional | | `backgroundColorFill` | enum (array allowed) | `solid`, `linear`, `radial` | | `backgroundColorFillStops` | range | | | `backgroundColorAngle` | range | -360 to 360 | | `backgroundColorOrder` | enum | `random`, `fixed` | The same table is available as JSON at `https://api.dicebear.com/10.x/big-smile/options.json`, and the raw definition at `https://api.dicebear.com/10.x/big-smile/definition.json`.