Component Svg Icon

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

Download SVG

Collection: IconaMoon
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Style: Filled
Tags: component svg

The Component Svg 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/308909.svg" alt="Component   Svg icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/308909.svg" alt="Component   Svg icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/308909.svg"
  alt="Component   Svg icon"
  :width="24"
  :height="24"
/>

CSS background

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

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7071 2.29289C12.3166 1.90237 11.6834 1.90237 11.2929 2.29289L8.29289 5.29289C7.90237 5.68342 7.90237 6.31658 8.29289 6.70711L11.2929 9.70711C11.6834 10.0976 12.3166 10.0976 12.7071 9.70711L15.7071 6.70711C16.0976 6.31658 16.0976 5.68342 15.7071 5.29289L12.7071 2.29289ZM11.2929 14.2929C11.6834 13.9024 12.3166 13.9024 12.7071 14.2929L15.7071 17.2929C16.0976 17.6834 16.0976 18.3166 15.7071 18.7071L12.7071 21.7071C12.3166 22.0976 11.6834 22.0976 11.2929 21.7071L8.29289 18.7071C7.90237 18.3166 7.90237 17.6834 8.29289 17.2929L11.2929 14.2929ZM17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289L21.7071 11.2929C22.0976 11.6834 22.0976 12.3166 21.7071 12.7071L18.7071 15.7071C18.3166 16.0976 17.6834 16.0976 17.2929 15.7071L14.2929 12.7071C13.9024 12.3166 13.9024 11.6834 14.2929 11.2929L17.2929 8.29289ZM5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L9.70711 11.2929C10.0976 11.6834 10.0976 12.3166 9.70711 12.7071L6.70711 15.7071C6.31658 16.0976 5.68342 16.0976 5.29289 15.7071L2.29289 12.7071C1.90237 12.3166 1.90237 11.6834 2.29289 11.2929L5.29289 8.29289Z" fill="#292929"/>
</svg>

Copied!

Component Svg Icon

More from IconaMoon