Iconify
.design
Show Iconify website navigation
Add to favorites
Fluent Emoji
by
Microsoft Corporation
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse Fluent Emoji
Icon:
balloon
Default
fluent-emoji:balloon
- Iconify Icon
FluentEmojiBalloon
- Component name
icon-[fluent-emoji--balloon]
- Tailwind CSS
i-fluent-emoji:balloon
- UnoCSS
i-fluent-emoji-balloon
- UnoCSS
balloon
- Name only
fluent-emoji/balloon
fluent-emoji--balloon
Size:
Colors:
Stroke width:
SVG
SVG
Symbol
JSX
CSS
URL
CSS
UnoCSS
Tailwind CSS
Components
Vue
React
Svelte
Astro
Unplugin Icons
Iconify Icon
Prettify code
Add empty rectangle
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="url(#f96id0)" d="m15.025 20.79l-2.477-1.157c-.012-.536.309-.78.502-.831l2.29 1.061c.168.444-.133.785-.316.926"/><path fill="#1e86f5" d="M14.107 21.262a.7.7 0 1 0-1.197-.727zm-1.473 2.293l.695.084zm-.813 4.265l-.59-.377zm-4.575.724a.7.7 0 1 0-.1 1.396zm5.664-8.009c-.227.376-.793 1.472-.971 2.935l1.39.17c.147-1.212.62-2.118.778-2.378zm-.971 2.935c-.105.865-.183 1.705-.298 2.455c-.12.776-.258 1.282-.41 1.518l1.18.755c.332-.52.498-1.31.614-2.06c.119-.777.206-1.692.304-2.499zm-.707 3.973c-.3.468-.58.747-1.072.923c-.543.195-1.404.285-2.914.178l-.1 1.396c1.56.112 2.661.04 3.487-.256c.877-.314 1.374-.856 1.778-1.486z"/><path fill="url(#f96id8)" d="M14.107 21.262a.7.7 0 1 0-1.197-.727zm-1.473 2.293l.695.084zm-.813 4.265l-.59-.377zm-4.575.724a.7.7 0 1 0-.1 1.396zm5.664-8.009c-.227.376-.793 1.472-.971 2.935l1.39.17c.147-1.212.62-2.118.778-2.378zm-.971 2.935c-.105.865-.183 1.705-.298 2.455c-.12.776-.258 1.282-.41 1.518l1.18.755c.332-.52.498-1.31.614-2.06c.119-.777.206-1.692.304-2.499zm-.707 3.973c-.3.468-.58.747-1.072.923c-.543.195-1.404.285-2.914.178l-.1 1.396c1.56.112 2.661.04 3.487-.256c.877-.314 1.374-.856 1.778-1.486z"/><path fill="url(#f96id9)" d="M14.107 21.262a.7.7 0 1 0-1.197-.727zm-1.473 2.293l.695.084zm-.813 4.265l-.59-.377zm-4.575.724a.7.7 0 1 0-.1 1.396zm5.664-8.009c-.227.376-.793 1.472-.971 2.935l1.39.17c.147-1.212.62-2.118.778-2.378zm-.971 2.935c-.105.865-.183 1.705-.298 2.455c-.12.776-.258 1.282-.41 1.518l1.18.755c.332-.52.498-1.31.614-2.06c.119-.777.206-1.692.304-2.499zm-.707 3.973c-.3.468-.58.747-1.072.923c-.543.195-1.404.285-2.914.178l-.1 1.396c1.56.112 2.661.04 3.487-.256c.877-.314 1.374-.856 1.778-1.486z"/><g filter="url(#f96idc)"><path fill="#a50641" fill-rule="evenodd" d="M11.604 19.807a.875.875 0 0 1 1.16-.43l2.282 1.047a.875.875 0 1 1-.73 1.59l-2.281-1.047a.875.875 0 0 1-.43-1.16" clip-rule="evenodd"/><path fill="url(#f96ida)" fill-rule="evenodd" d="M11.604 19.807a.875.875 0 0 1 1.16-.43l2.282 1.047a.875.875 0 1 1-.73 1.59l-2.281-1.047a.875.875 0 0 1-.43-1.16" clip-rule="evenodd"/><path fill="url(#f96id1)" fill-rule="evenodd" d="M11.604 19.807a.875.875 0 0 1 1.16-.43l2.282 1.047a.875.875 0 1 1-.73 1.59l-2.281-1.047a.875.875 0 0 1-.43-1.16" clip-rule="evenodd"/></g><circle cx="17.863" cy="11.137" r="9.137" fill="url(#f96id2)"/><circle cx="17.863" cy="11.137" r="9.137" fill="url(#f96id3)"/><circle cx="17.863" cy="11.137" r="9.137" fill="url(#f96id4)"/><circle cx="17.863" cy="11.137" r="9.137" fill="url(#f96id5)"/><circle cx="17.863" cy="11.137" r="9.137" fill="url(#f96id6)"/><ellipse cx="23.372" cy="7.755" fill="url(#f96id7)" rx="1.683" ry="2.14" transform="rotate(-37.086 23.372 7.755)"/><g filter="url(#f96idd)"><path stroke="url(#f96idb)" stroke-width="0.25" d="M13.087 22.352c-.135.385-.425 1.5-.5 2.875c-.117 2.144-.906 4.437-4.406 4.156"/></g><defs><radialGradient id="f96id0" cx="0" cy="0" r="1" gradientTransform="rotate(-155.2 9.42 8.643)scale(1.33933 .65455)" gradientUnits="userSpaceOnUse"><stop stop-color="#236fde"/><stop offset="1" stop-color="#245cad"/></radialGradient><radialGradient id="f96id1" cx="0" cy="0" r="1" gradientTransform="matrix(-.2322 .47282 -1.94176 -.95357 13.914 20.695)" gradientUnits="userSpaceOnUse"><stop stop-color="#be4369"/><stop offset=".702" stop-color="#be4369" stop-opacity="0"/></radialGradient><radialGradient id="f96id2" cx="0" cy="0" r="1" gradientTransform="matrix(-11.43745 9.31255 -10.05601 -12.35056 24.336 6.84)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff3c47"/><stop offset="1" stop-color="#ac2146"/></radialGradient><radialGradient id="f96id3" cx="0" cy="0" r="1" gradientTransform="rotate(99.176 8.355 9.57)scale(18.8827)" gradientUnits="userSpaceOnUse"><stop offset=".719" stop-color="#8a4bb7" stop-opacity="0"/><stop offset=".946" stop-color="#8a4bb7"/></radialGradient><radialGradient id="f96id4" cx="0" cy="0" r="1" gradientTransform="matrix(1.00376 -10.75446 11.93463 1.1139 14.355 21.632)" gradientUnits="userSpaceOnUse"><stop stop-color="#a52082"/><stop offset="1" stop-color="#a52082" stop-opacity="0"/></radialGradient><radialGradient id="f96id5" cx="0" cy="0" r="1" gradientTransform="rotate(-164.672 10.747 4.587)scale(11.5851 15.2778)" gradientUnits="userSpaceOnUse"><stop offset=".741" stop-color="#8c4972" stop-opacity="0"/><stop offset="1" stop-color="#8c4972"/></radialGradient><radialGradient id="f96id6" cx="0" cy="0" r="1" gradientTransform="matrix(-3.43741 11.09763 -15.55272 -4.81734 23.65 .04)" gradientUnits="userSpaceOnUse"><stop stop-color="#ee4952"/><stop offset="1" stop-color="#ee4952" stop-opacity="0"/></radialGradient><radialGradient id="f96id7" cx="0" cy="0" r="1" gradientTransform="matrix(-1.77709 3.40765 -7.46954 -3.89536 24.199 6.084)" gradientUnits="userSpaceOnUse"><stop offset=".121" stop-color="#fffbfc"/><stop offset="1" stop-color="#fffbfc" stop-opacity="0"/></radialGradient><linearGradient id="f96id8" x1="6.743" x2="8.556" y1="29.29" y2="29.29" gradientUnits="userSpaceOnUse"><stop stop-color="#1f67ff"/><stop offset="1" stop-color="#1f67ff" stop-opacity="0"/></linearGradient><linearGradient id="f96id9" x1="12.837" x2="13.118" y1="21.227" y2="22.57" gradientUnits="userSpaceOnUse"><stop stop-color="#1f67ff"/><stop offset="1" stop-color="#1f67ff" stop-opacity="0"/></linearGradient><linearGradient id="f96ida" x1="12.645" x2="13.094" y1="21.509" y2="20.518" gradientUnits="userSpaceOnUse"><stop stop-color="#994ca1"/><stop offset="1" stop-color="#994ca1" stop-opacity="0"/></linearGradient><linearGradient id="f96idb" x1="13.274" x2="9.259" y1="23.242" y2="29.898" gradientUnits="userSpaceOnUse"><stop stop-color="#5cb2ff" stop-opacity="0"/><stop offset=".298" stop-color="#5cb2ff"/><stop offset=".812" stop-color="#5cb2ff"/><stop offset="1" stop-color="#5cb2ff" stop-opacity="0"/></linearGradient><filter id="f96idc" width="4.032" height="3.047" x="11.524" y="19.297" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.576471 0 0 0 0 0.101961 0 0 0 0 0.294118 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_470"/></filter><filter id="f96idd" width="5.834" height="8.021" x="7.771" y="21.91" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_470" stdDeviation=".2"/></filter></defs></g></svg>
Copy to Clipboard
Download