Rock On Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: rock on

The Rock On 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/320634.svg" alt="Rock On icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/320634.svg" alt="Rock On icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/320634.svg"
  alt="Rock On icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-rock-on {
  background-image: url('https://proicons.com/icon/320634.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="rock-on_1_" d="M19.36,31h-0.72v-3.143l-8.28,2.16V31H9.64v-0.795l-0.549,0.144c-0.093,0.024-0.192,0.01-0.274-0.039
	s-0.143-0.129-0.166-0.223l-0.5-2c-0.048-0.191,0.067-0.386,0.258-0.436L9.64,27.33v-1.97H9c-0.199,0-0.36-0.161-0.36-0.36v-2
	c0-0.199,0.161-0.36,0.36-0.36h0.64v-1.419c-1.292-0.711-2-2.198-2-4.221V5.5c0-1.025,0.834-1.86,1.86-1.86s1.86,0.834,1.86,1.86
	v3.531c0.315-0.245,0.711-0.391,1.14-0.391c0.615,0,1.161,0.3,1.5,0.761c0.339-0.461,0.885-0.761,1.5-0.761
	c0.429,0,0.825,0.146,1.14,0.391V2.5c0-1.076,0.781-1.857,1.857-1.86c0.002,0,0.003,0,0.005,0s0.003,0,0.005,0
	c1.074,0.003,1.854,0.784,1.854,1.86v12.915c0,0.122,0.104,0.226,0.229,0.226c0.08,0,0.133-0.042,0.158-0.066l2.48-2.431
	c0.352-0.327,0.801-0.503,1.272-0.503c1.025,0,1.86,0.834,1.86,1.86c0,0.497-0.194,0.964-0.545,1.315l-4.444,4.389
	c-0.462,0.463-1.166,1.004-2.011,1.129v1.307H20c0.199,0,0.36,0.161,0.36,0.36v1.956l0.489,1.957
	c0.048,0.191-0.067,0.386-0.259,0.436l-1.23,0.321V31z M8.936,28.259l0.326,1.301l10.803-2.818l-0.325-1.301L8.936,28.259z
	 M10.36,25.36v1.782l6.833-1.782H10.36z M9.36,24.64h10.28v-1.28H9.36V24.64z M10.36,22.64h8.28V21c0-0.199,0.161-0.36,0.36-0.36
	c0.798,0,1.51-0.593,1.863-0.946l4.438-4.384c0.22-0.219,0.338-0.505,0.338-0.81c0-0.628-0.511-1.14-1.14-1.14
	c-0.289,0-0.564,0.108-0.775,0.304l-2.471,2.421c-0.176,0.176-0.413,0.275-0.665,0.275c-0.523,0-0.949-0.424-0.949-0.945V2.5
	c0-0.692-0.446-1.139-1.138-1.14C17.809,1.361,17.36,1.808,17.36,2.5v12c0,1.025-0.835,1.86-1.86,1.86
	c-0.862,0-1.609-0.622-1.808-1.433c-0.323,0.27-0.739,0.433-1.192,0.433c-1.008,0-1.86-0.852-1.86-1.86v-8
	c0-0.628-0.512-1.14-1.14-1.14S8.36,4.872,8.36,5.5V17c0,1.061,0.233,2.949,1.792,3.674C10.279,20.732,10.36,20.86,10.36,21V22.64z
	 M14.36,13.5v1c0,0.607,0.533,1.14,1.14,1.14c0.628,0,1.14-0.512,1.14-1.14v-4c0-0.628-0.512-1.14-1.14-1.14s-1.14,0.512-1.14,1.14
	C14.36,10.5,14.36,13.5,14.36,13.5z M11.36,10.5v3c0,0.607,0.533,1.14,1.14,1.14c0.628,0,1.14-0.512,1.14-1.14v-3
	c0-0.628-0.512-1.14-1.14-1.14S11.36,9.872,11.36,10.5z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Rock On in other icon packs

Akar Icons

Copied!

Rock On Icon

More from Carbon Icons

Rock On in other icon packs