Happy Color Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Happy Color icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/326896.svg" alt="Happy Color icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/326896.svg" alt="Happy Color icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/326896.svg" alt="Happy Color icon" :width="24" :height="24" />
CSS background
.icon-happy-color {
background-image: url('https://proicons.com/icon/326896.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.n{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px;}</style></defs><g id="b"><path id="c" class="n" d="M17.8415,31.9343c.1141-1.0055-.3074-1.5731-.5574-2.1343-.6589-1.4789-2.9465-1.082-4.4673-2.5669-1.0801-1.0547-2.7941-1.6607-4.4381-1.7563-1.9564-.1138-3.9715-.4263-3.8155-4.6938.0609-1.6654-.3272-3.1778.3033-3.4741.7472-.3511.9386-.851,1.3273-2.3588,1.5359-5.9576,6.8252-6.0823,11.3483-2.2546-.2087-1.4168-.2478-2.5282.8416-3.5481,2.4245-2.2699,9.6305-2.2661,11.0349,2.5202,1.8396,1.1793,3.1278,1.8767,5.6832,1.6907.8605-.0626.2793,2.1481.9264,2.0624,1.9905-.2636,3.9584.8352,5.2912,3.0993.4936.8384-.366,2.1667.6195,3.12,1.2649,1.2236,1.1768,1.8406,1.1849,2.9114.0085,1.1145.1922,1.9461.3762,2.6773-1.4632-.3594-2.7487.3827-3.2741,1.1652.9569,1.7655.8513,3.1634.3892,5.0659.2779,1.0921.094,2.1743-.4002,3.2497-1.3049-1.1569-2.8924.7471-4.2675,1.3194-1.7535.7298-4.8419.2062-6.9471,2.1271-3.5386.5175-5.4-.2055-6.6994-1.4803"/><path id="d" class="n" d="M13.2749,24.1379c-.1115-2.4624.3257-5.2501,3.235-6.3251-.5704,1.0063.2007,3.7352,1.826,5.5482,1.5064,1.6804,2.0126,2.9703,2.2107,4.3226.283,1.9318.6979,2.9945-1.8466,4.8981"/><path id="e" class="n" d="M26.4396,14.8098c1.3673-1.7457,3.3742-1.946,4.4267-.8565"/><path id="f" class="n" d="M14.2961,19.4898c-.5249-3.7074,2.3513-6.9268,6.7677-6.5308,2.6825.2406,3.8773,1.1778,5.2056-.0051-2.3239,1.537-4.7278,3.3377-2.9473,6.6602,1.0544,1.9676-.2815,1.8578.6861,3.612.6299,1.1419,1.9045,1.6087,2.5991,2.2674"/><path id="g" class="n" d="M28.6066,35.9595c-1.9196,2.2145-5.5182,2.8408-11.2059,2.5052-5.5291-.3263-6.8917-6.7616-4.6252-7.624,2.8918-1.1003,4.2363,3.2798,7.052,5.171,2.3922,1.6067,6.9202-.2995,9.0284-.3588,2.0564-.0579,3.1185,1.3873,3.5996.4246.1928-.3858.1615-.713-1.4955-2.0251,1.3165-.9709,2.6884-3.4511,4.3175-3.9022.3884.3275.9177.796,1.5069,1.2593.7894.6206.8398.6398.9971-.3495.2784-1.751-3.074-6.2932-6.3653-4.5128-4.3727-3.1885-8.7371.5829-10.6232,3.5595"/><path id="h" class="n" d="M31.5669,16.047c1.8993.3179,4.6093-.0527,4.1955,3.7077,1.8129,1.443,1.3178,5.5562-3.0176,6.3771"/><path id="i" class="n" d="M35.7135,14.9956c.0761.9519.0535,1.771-.3409,2.3214"/><path id="j" class="n" d="M35.4941,24.8206c1.8949.2353,3.5908,1.6753,4.7948,3.4904"/><path id="k" class="n" d="M33.3395,23.539c.314,1.4235-1.2787,2.5884-1.9474,3.0029"/><path id="l" class="n" d="M28.2431,18.5844c-.8594,1.6481-.4669,3.5129,1.1507,2.9681l1.5653-.3697c.3125-1.19.3002-2.1176.1084-2.9851-.3715-1.6795-1.6387-2.6119-3.7235-2.0364-.9532.2631-1.058,1.0022-2.2139,1.1852"/><path id="m" class="n" d="M6.2521,25.0646c-1.6061,3.1425-.3919,5.8067,1.5956,7.1274,1.6577,1.1015,2.6634,1.1357,3.9204,1.2814"/></g></svg>
More from Arcticons
View all
Copied!