--- title: "Bubbles (Variable Thickness Style) Elements Set - 193 customizable PNGs, SVGs, PDFs" product: "Streamline Icons, Illustrations and Elements" asset_count: 193 url: /elements/bubbles-variable-thickness-style canonical_url: "https://www.streamlinehq.com/elements/bubbles-variable-thickness-style" summary: "Bubbles (Variable Thickness Style) draws outlined speech forms with changing brush-like weight." --- # Bubbles (Variable Thickness Style) Bubbles (Variable Thickness Style) draws outlined speech forms with changing brush-like weight. 193 elements License: Commercial ## Fit & Recommendation ### Primary use cases - Guide attention to a label, image, or passage in a presentation or editorial page. #### Practical guidance - Keep the mark secondary to the text or image it highlights. - Inspect narrow strokes and open spaces at the final size. ## Visual & Technical Specs ### Visual properties - The outlines follow a series of brush-like weights. - Each asset uses a single color. #### Technical specifications - Grid: 250x250px. - Color control: currentColor. - Six base bubble forms each have approximately 10 weight steps. ### Emotional Scores These scores describe visual character. They are editorial judgments, not measured audience reactions. Each scale runs from 0.00 at the first word to 1.00 at the second, with 0.50 in the middle. For example, a lower Warm to Cold score means a warmer appearance. Bubbles (shared profile) - Warm to Cold: Warm (0.30). - Soft to Hard: Slightly soft (0.40). - Friendly to Formal: Friendly (0.35). - Playful to Serious: Playful (0.30). - Human to Mechanical: Strongly human (0.15). ## Pairing & Compatibility ### Typography pairing - Humanist Sans-serif: Try softly curved letterforms to echo the rounded shapes. For example, try Plus Jakarta Sans, Inter. - Comic / Casual Type: Try informal letterforms that echo the drawn marks. For example, try Comic Neue. - Caution: Compare letter shapes and apparent weight before combining a contrasting typeface with the artwork. ## Categories - [Bubbles Variable Line Thickness](/elements/bubbles-variable-thickness-style/bubbles-variable-line-thickness) ## Example elements - [Chat Bubble Arrow Plain Dash Filled](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-arrow-plain-dash-filled-4254e.png?_a=DATAiZkSZAA0) - [Chat Bubble Arrow Plain Dash Non Filled Line](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-arrow-plain-dash-non-filled-line-54c5d.png?_a=DATAiZkSZAA0) - [Chat Bubble Arrow Point Non Filled Line](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-arrow-point-non-filled-line-a9d44.png?_a=DATAiZkSZAA0) - [Chat Bubble Arrow Point Shadow Filled](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-arrow-point-shadow-filled-78f35.png?_a=DATAiZkSZAA0) - [Chat Bubble Arrow Point Shadow Non Filled Line](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-arrow-point-shadow-non-filled-line-8ee00.png?_a=DATAiZkSZAA0) - [Chat Bubble Circle Plain Dash Filled](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-circle-plain-dash-filled-29973.png?_a=DATAiZkSZAA0) - [Chat Bubble Circle Plain Dash Non Filled Line](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-circle-plain-dash-non-filled-line-05e2c.png?_a=DATAiZkSZAA0) - [Chat Bubble Circle Plain Filled](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-circle-plain-filled-d0de5.png?_a=DATAiZkSZAA0) - [Chat Bubble Circle Plain Non Filled Line](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-circle-plain-non-filled-line-6eb4d.png?_a=DATAiZkSZAA0) - [Chat Bubble Circle Plain Shadow Filled](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-circle-plain-shadow-filled-5f768.png?_a=DATAiZkSZAA0) - [Chat Bubble Circle Plain Shadow Non Filled Line](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-circle-plain-shadow-non-filled-line-f8144.png?_a=DATAiZkSZAA0) - [Chat Bubble Circle Point Dash Filled](https://assets.streamlinehq.com/image/private/w_100,h_100,ar_1/f_auto/v1/icons/vectors/chat-bubble-circle-point-dash-filled-b25c1.png?_a=DATAiZkSZAA0) --- [View full sitemap](/sitemap.md)