Beam Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Beam 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/322478.svg" alt="Beam icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/322478.svg" alt="Beam icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/322478.svg" alt="Beam icon" :width="24" :height="24" />
CSS background
.icon-beam {
background-image: url('https://proicons.com/icon/322478.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>.d{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><g id="b"><path id="c" class="d" d="M21.7863,43.411c-1.2479-.1343-3.3427-.5773-4.3941-.9292-2.9007-.9709-5.5409-3.7126-6.5864-6.8396-.7651-2.2884-.7912-2.8678-.7912-17.591V4.5l7.7186.0006c6.1132.0004,7.9842.0436,8.9955.2077,2.3378.3792,4.2089,1.1034,5.6395,2.1828,2.9927,2.258,4.4183,5.2567,4.2564,8.9529-.1184,2.7036-1.0336,4.7037-2.9894,6.5332l-.9092.8505.6627.5259c1.9186,1.5224,3.5467,3.7496,4.2184,5.7703.3307.9948.3753,1.3524.3781,3.031.0029,1.718-.0346,2.0115-.3849,3.0156-1.2193,3.4949-4.0201,6.1765-7.4518,7.1349-2.3317.6512-5.9962.9604-8.3622.7058ZM24.7795,35.0923c2.2535-.2927,3.4629-1.5411,3.4824-3.5948.0153-1.604-.6929-2.8996-1.9186-3.5104-.7303-.3639-.7591-.3665-4.1032-.3665h-3.3677l.0079,2.379c.0043,1.2992.1893,2.5834.2833,2.8763.3942,1.2285,1.5432,2.0134,3.2364,2.2111,1.3063.1525,1.2473.1524,2.3794.0053h0ZM25.061,19.9328c.8776-.3667,1.4064-.8725,1.859-1.7784.7624-1.5257.5565-3.1081-.548-4.2127-.8977-.8977-1.3-.983-4.6373-.983h-2.8385v7.1899h2.8241c2.2168,0,2.9352-.0464,3.3407-.2158Z"/></g></svg>
Beam in other icon packs
Copied!