icicles icon

icicles from Font Awesome Solid by Dave Gandy · Solid · Winter · CC-BY-4.0 Attribution required.

Name: icicles
Set: Font Awesome Solid
Style: Solid
Category: Winter
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

iciclesFont Awesome 6 Solid iciclesLine Awesome

Use the icicles icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M139.8 368.8L65 99.7c-.7-2.5-1-5-1-7.5C64 76.6 76.6 64 92.2 64h454.2c16.3 0 29.6 13.2 29.6 29.6c0 1.6-.1 3.3-.4 4.9l-77 461.6c-1.5 9.2-9.5 15.9-18.8 15.9c-9.2 0-17.1-6.6-18.7-15.6L400 224l-28.8 143.9c-1.9 9.3-10.1 16.1-19.6 16.1c-9.2 0-17.2-6.2-19.4-15.1L304 256l-29.4 176.2c-1.5 9.1-9.4 15.8-18.6 15.8s-17.1-6.7-18.6-15.8L208 256l-28.1 112.3c-2.3 9.2-10.6 15.7-20.1 15.7c-9.3 0-17.5-6.2-20-15.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidIcicles(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M139.8 368.8L65 99.7c-.7-2.5-1-5-1-7.5C64 76.6 76.6 64 92.2 64h454.2c16.3 0 29.6 13.2 29.6 29.6c0 1.6-.1 3.3-.4 4.9l-77 461.6c-1.5 9.2-9.5 15.9-18.8 15.9c-9.2 0-17.1-6.6-18.7-15.6L400 224l-28.8 143.9c-1.9 9.3-10.1 16.1-19.6 16.1c-9.2 0-17.2-6.2-19.4-15.1L304 256l-29.4 176.2c-1.5 9.1-9.4 15.8-18.6 15.8s-17.1-6.7-18.6-15.8L208 256l-28.1 112.3c-2.3 9.2-10.6 15.7-20.1 15.7c-9.3 0-17.5-6.2-20-15.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M139.8 368.8L65 99.7c-.7-2.5-1-5-1-7.5C64 76.6 76.6 64 92.2 64h454.2c16.3 0 29.6 13.2 29.6 29.6c0 1.6-.1 3.3-.4 4.9l-77 461.6c-1.5 9.2-9.5 15.9-18.8 15.9c-9.2 0-17.1-6.6-18.7-15.6L400 224l-28.8 143.9c-1.9 9.3-10.1 16.1-19.6 16.1c-9.2 0-17.2-6.2-19.4-15.1L304 256l-29.4 176.2c-1.5 9.1-9.4 15.8-18.6 15.8s-17.1-6.7-18.6-15.8L208 256l-28.1 112.3c-2.3 9.2-10.6 15.7-20.1 15.7c-9.3 0-17.5-6.2-20-15.2"/></svg>
</template>

CSS

.icon-icicles {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M139.8%20368.8L65%2099.7c-.7-2.5-1-5-1-7.5C64%2076.6%2076.6%2064%2092.2%2064h454.2c16.3%200%2029.6%2013.2%2029.6%2029.6c0%201.6-.1%203.3-.4%204.9l-77%20461.6c-1.5%209.2-9.5%2015.9-18.8%2015.9c-9.2%200-17.1-6.6-18.7-15.6L400%20224l-28.8%20143.9c-1.9%209.3-10.1%2016.1-19.6%2016.1c-9.2%200-17.2-6.2-19.4-15.1L304%20256l-29.4%20176.2c-1.5%209.1-9.4%2015.8-18.6%2015.8s-17.1-6.7-18.6-15.8L208%20256l-28.1%20112.3c-2.3%209.2-10.6%2015.7-20.1%2015.7c-9.3%200-17.5-6.2-20-15.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M139.8%20368.8L65%2099.7c-.7-2.5-1-5-1-7.5C64%2076.6%2076.6%2064%2092.2%2064h454.2c16.3%200%2029.6%2013.2%2029.6%2029.6c0%201.6-.1%203.3-.4%204.9l-77%20461.6c-1.5%209.2-9.5%2015.9-18.8%2015.9c-9.2%200-17.1-6.6-18.7-15.6L400%20224l-28.8%20143.9c-1.9%209.3-10.1%2016.1-19.6%2016.1c-9.2%200-17.2-6.2-19.4-15.1L304%20256l-29.4%20176.2c-1.5%209.1-9.4%2015.8-18.6%2015.8s-17.1-6.7-18.6-15.8L208%20256l-28.1%20112.3c-2.3%209.2-10.6%2015.7-20.1%2015.7c-9.3%200-17.5-6.2-20-15.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/icicles.svg?color=%231a73e8&size=48