Dislike 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: dislike svg

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

React JSX

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

Vue template

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

CSS background

.icon-dislike---svg {
  background-image: url('https://proicons.com/icon/308182.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 6V14H7V4H6.00012C4.89555 4 4.00012 4.89543 4.00012 6Z" fill="#58A700"/>
<path d="M4.00012 14V15C3.44784 15 3.00012 14.5523 3.00012 14H4.00012ZM7 14H8C8 14.5523 7.55228 15 7 15V14ZM7 4V3C7.55228 3 8 3.44771 8 4H7ZM3.00012 14V6H5.00012V14H3.00012ZM7 15H4.00012V13H7V15ZM6.00012 3H7V5H6.00012V3ZM6 14V4H8V14H6ZM3.00012 6C3.00012 4.34315 4.34327 3 6.00012 3V5C5.44784 5 5.00012 5.44772 5.00012 6H3.00012Z" fill="#58A700"/>
<path d="M17.3605 4H8.00012V14C8.62487 14 9.20828 14.3122 9.55482 14.832L12.1095 18.6641C12.6659 19.4987 13.6026 20 14.6057 20H14.8197C15.4376 20 15.9076 19.4451 15.8061 18.8356L15.0001 14H18.5605C19.8226 14 20.7692 12.8453 20.5217 11.6078L19.3217 5.60777C19.1347 4.67292 18.3139 4 17.3605 4Z" fill="#58CC02"/>
<path d="M8.00012 4H7.00012V3H8.00012V4ZM15.0001 14L14.0137 14.1644C13.9654 13.8744 14.0471 13.5779 14.2371 13.3536C14.4271 13.1293 14.7062 13 15.0001 13V14ZM15.8061 18.8356L14.8197 19V19L15.8061 18.8356ZM12.1095 18.6641L11.2775 19.2188V19.2188L12.1095 18.6641ZM9.55482 14.832L10.3869 14.2773L9.55482 14.832ZM19.3217 5.60777L18.3411 5.80388L19.3217 5.60777ZM20.5217 11.6078L21.5023 11.4116L20.5217 11.6078ZM8.00012 14V15H7.00012V14H8.00012ZM8.00012 3H17.3605V5H8.00012V3ZM18.5605 15H15.0001V13H18.5605V15ZM15.9865 13.8356L16.7924 18.6712L14.8197 19L14.0137 14.1644L15.9865 13.8356ZM14.8197 21H14.6057V19H14.8197V21ZM11.2775 19.2188L8.72277 15.3868L10.3869 14.2773L12.9416 18.1094L11.2775 19.2188ZM20.3023 5.41165L21.5023 11.4116L19.5411 11.8039L18.3411 5.80388L20.3023 5.41165ZM7.00012 14V4H9.00012V14H7.00012ZM14.6057 21C13.2683 21 12.0193 20.3316 11.2775 19.2188L12.9416 18.1094C13.3125 18.6658 13.937 19 14.6057 19V21ZM16.7924 18.6712C16.9956 19.8903 16.0555 21 14.8197 21V19V19L16.7924 18.6712ZM18.5605 13C19.1916 13 19.6649 12.4227 19.5411 11.8039L21.5023 11.4116C21.8735 13.268 20.4537 15 18.5605 15V13ZM8.72277 15.3868C8.56169 15.1451 8.29051 15 8.00012 15V13C8.95922 13 9.85486 13.4793 10.3869 14.2773L8.72277 15.3868ZM17.3605 3C18.7906 3 20.0218 4.00938 20.3023 5.41165L18.3411 5.80388C18.2476 5.33646 17.8372 5 17.3605 5V3Z" fill="#58CC02"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white" transform="translate(0.00012207)"/>
</clipPath>
</defs>
</svg>

Copied!

Dislike Svg Icon

More from IconaMoon