Like 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
Tags: like svg

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

React JSX

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

Vue template

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

CSS background

.icon-like---svg {
  background-image: url('https://proicons.com/icon/308184.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">
<g clip-path="url(#clip0)">
<path d="M4.00012 18V10H7V20H6.00012C4.89555 20 4.00012 19.1046 4.00012 18Z" fill="#58A700"/>
<path d="M4.00012 10V9C3.44784 9 3.00012 9.44772 3.00012 10H4.00012ZM7 10H8C8 9.44772 7.55228 9 7 9V10ZM7 20V21C7.55228 21 8 20.5523 8 20H7ZM3.00012 10V18H5.00012V10H3.00012ZM7 9H4.00012V11H7V9ZM6.00012 21H7V19H6.00012V21ZM6 10V20H8V10H6ZM3.00012 18C3.00012 19.6569 4.34327 21 6.00012 21V19C5.44784 19 5.00012 18.5523 5.00012 18H3.00012Z" fill="#58A700"/>
<path d="M17.3605 20H8.00012V10C8.62487 10 9.20828 9.68777 9.55482 9.16795L12.1095 5.3359C12.6659 4.5013 13.6026 4 14.6057 4H14.8197C15.4376 4 15.9076 4.55487 15.8061 5.1644L15.0001 10H18.5605C19.8226 10 20.7692 11.1547 20.5217 12.3922L19.3217 18.3922C19.1347 19.3271 18.3139 20 17.3605 20Z" fill="#58CC02"/>
<path d="M8.00012 20H7.00012V21H8.00012V20ZM15.0001 10L14.0137 9.8356C13.9654 10.1256 14.0471 10.4221 14.2371 10.6464C14.4271 10.8707 14.7062 11 15.0001 11V10ZM15.8061 5.1644L14.8197 5V5L15.8061 5.1644ZM12.1095 5.3359L11.2775 4.7812V4.7812L12.1095 5.3359ZM9.55482 9.16795L10.3869 9.72265L9.55482 9.16795ZM19.3217 18.3922L18.3411 18.1961L19.3217 18.3922ZM20.5217 12.3922L21.5023 12.5884L20.5217 12.3922ZM8.00012 10V9H7.00012V10H8.00012ZM8.00012 21H17.3605V19H8.00012V21ZM18.5605 9H15.0001V11H18.5605V9ZM15.9865 10.1644L16.7924 5.3288L14.8197 5L14.0137 9.8356L15.9865 10.1644ZM14.8197 3H14.6057V5H14.8197V3ZM11.2775 4.7812L8.72277 8.61325L10.3869 9.72265L12.9416 5.8906L11.2775 4.7812ZM20.3023 18.5883L21.5023 12.5884L19.5411 12.1961L18.3411 18.1961L20.3023 18.5883ZM7.00012 10V20H9.00012V10H7.00012ZM14.6057 3C13.2683 3 12.0193 3.6684 11.2775 4.7812L12.9416 5.8906C13.3125 5.3342 13.937 5 14.6057 5V3ZM16.7924 5.3288C16.9956 4.10973 16.0555 3 14.8197 3V5V5L16.7924 5.3288ZM18.5605 11C19.1916 11 19.6649 11.5773 19.5411 12.1961L21.5023 12.5884C21.8735 10.732 20.4537 9 18.5605 9V11ZM8.72277 8.61325C8.56169 8.85487 8.29051 9 8.00012 9V11C8.95922 11 9.85486 10.5207 10.3869 9.72265L8.72277 8.61325ZM17.3605 21C18.7906 21 20.0218 19.9906 20.3023 18.5883L18.3411 18.1961C18.2476 18.6635 17.8372 19 17.3605 19V21Z" fill="#58CC02"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white" transform="translate(0.00012207)"/>
</clipPath>
</defs>
</svg>

Copied!

Like Svg Icon

More from IconaMoon