Add icons to this collection by clicking the heart icon.
Catnip icon - also known as animals, cat, and pet. Created in a clean color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#b9acac" />
<stop offset="1" stop-color="#766e6e" />
</linearGradient>
<linearGradient
id="e"
x1="88.608"
x2="176.102"
y1="25.433"
y2="25.433"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="123.876"
x2="123.876"
y1="25"
y2="55.017"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#433f43" stop-opacity="0" />
<stop offset=".307" stop-color="#3f3b3f" stop-opacity=".307" />
<stop offset=".629" stop-color="#323032" stop-opacity=".629" />
<stop offset=".958" stop-color="#1d1d1d" stop-opacity=".958" />
<stop offset="1" stop-color="#1a1a1a" />
</linearGradient>
<linearGradient
id="g"
x1="123.876"
x2="123.876"
y1="54"
y2="73.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="90.608"
x2="162.309"
y1="292.66"
y2="292.66"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9f5f3" />
<stop offset="1" stop-color="#efe2dd" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#e1d3ce" stop-opacity="0" />
<stop offset=".23" stop-color="#dfceca" stop-opacity=".23" />
<stop offset=".493" stop-color="#d9c1bd" stop-opacity=".493" />
<stop offset=".772" stop-color="#cfaaa8" stop-opacity=".773" />
<stop offset="1" stop-color="#c59191" />
</linearGradient>
<linearGradient
id="i"
x1="123.876"
x2="123.876"
y1="147.368"
y2="100.802"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="121.584"
x2="138.251"
y1="362.303"
y2="410.303"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f89580" />
<stop offset="1" stop-color="#c4573a" />
</linearGradient>
<linearGradient
id="k"
x1="89.876"
x2="158.235"
y1="301.024"
y2="301.024"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#c4573a" stop-opacity="0" />
<stop offset="1" stop-color="#883f2e" />
</linearGradient>
<linearGradient
id="l"
x1="-44.567"
x2="226.1"
y1="368.555"
y2="445.888"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="m"
x1="-37.585"
x2="233.082"
y1="344.117"
y2="421.451"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="10.026"
x2="280.693"
y1="177.48"
y2="254.814"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="22.274"
x2="292.941"
y1="134.61"
y2="211.944"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="-8.284"
x2="262.383"
y1="241.563"
y2="318.896"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="4.926"
x2="275.593"
y1="195.329"
y2="272.662"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="-21.691"
x2="248.976"
y1="288.489"
y2="365.822"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="128.748"
x2="85.248"
y1="132.587"
y2="48.087"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="123.876"
x2="123.876"
y1="76"
y2="102.034"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="124.86"
x2="147.527"
y1="368.225"
y2="418.225"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="190.455"
x2="318.737"
y1="428.305"
y2="558.799"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="w"
x1="243.796"
x2="443.796"
y1="264.845"
y2="677.845"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="280.303"
x2="480.303"
y1="247.166"
y2="660.166"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="y"
x1="180.209"
x2="380.209"
y1="295.638"
y2="708.638"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="178.462"
x2="378.462"
y1="296.484"
y2="709.484"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="A"
x1="57.688"
x2="257.688"
y1="354.97"
y2="767.97"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="B"
x1="109.592"
x2="309.592"
y1="329.835"
y2="742.835"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="C"
x1="191.226"
x2="391.226"
y1="290.303"
y2="703.303"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="D"
x1="115.101"
x2="315.101"
y1="327.167"
y2="740.167"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="E"
x1="231.244"
x2="309.244"
y1="412.998"
y2="376.998"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="F"
x1="255"
x2="255"
y1="477.151"
y2="510.151"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M186.392 50.866H61.359l-3.667-23.215C55.398 13.132 66.619 0 81.317 0h85.118c14.698 0 25.919 13.132 23.625 27.651z"
/>
<path
fill="url(#f)"
d="M186.392 50.866H61.359l-3.667-23.215C55.398 13.132 66.619 0 81.317 0h85.118c14.698 0 25.919 13.132 23.625 27.651z"
/>
<path
fill="url(#g)"
d="M179.8 76.486H67.952c-8.079 0-14.628-6.549-14.628-14.628v-1.701c0-8.079 6.549-14.628 14.628-14.628H179.8c8.079 0 14.628 6.549 14.628 14.628v1.701c0 8.079-6.549 14.628-14.628 14.628z"
/>
<path
fill="url(#h)"
d="M123.876 499.225c-35.964 0-65.119-29.155-65.119-65.119V86.094h130.238v348.013c0 35.964-29.155 65.118-65.119 65.118z"
/>
<path fill="url(#i)" d="m58.757 100.957 130.238 130.238V86.094H58.757z" />
<path
fill="url(#j)"
d="M58.757 292.66v141.447c0 35.964 29.155 65.119 65.119 65.119s65.119-29.155 65.119-65.119V292.66z"
/>
<path
fill="url(#k)"
d="M123.876 476.048c-25.806 0-46.725-20.919-46.725-46.725V135.996c0-5.521 4.475-9.996 9.996-9.996h73.457c5.521 0 9.996 4.475 9.996 9.996v293.327c.001 25.806-20.919 46.725-46.724 46.725z"
/>
<path
fill="url(#l)"
d="M99.503 397.105c-9.556.598-16.818 8.829-16.22 18.385a3.488 3.488 0 0 0 3.698 3.263c9.556-.598 16.818-8.829 16.22-18.385a3.488 3.488 0 0 0-3.698-3.263z"
/>
<path
fill="url(#m)"
d="M121.501 383.718a3.487 3.487 0 0 0-2.563 4.213c2.265 9.303 11.642 15.008 20.945 12.743a3.487 3.487 0 0 0 2.563-4.213c-2.265-9.302-11.643-15.008-20.945-12.743z"
/>
<path
fill="url(#n)"
d="M120.836 221.753c9.556-.598 16.818-8.829 16.22-18.385a3.488 3.488 0 0 0-3.698-3.263c-9.556.598-16.818 8.829-16.22 18.385a3.488 3.488 0 0 0 3.698 3.263z"
/>
<path
fill="url(#o)"
d="M92.962 167.593a3.487 3.487 0 0 0 4.762 1.283c8.299-4.775 11.155-15.374 6.38-23.673a3.487 3.487 0 0 0-4.762-1.283c-8.298 4.776-11.155 15.374-6.38 23.673z"
/>
<path
fill="url(#p)"
d="M118.916 274.718a3.487 3.487 0 0 0-.824-4.862c-7.806-5.544-18.629-3.71-24.173 4.096a3.487 3.487 0 0 0 .824 4.862c7.806 5.544 18.628 3.71 24.173-4.096z"
/>
<path
fill="url(#q)"
d="M146.26 227.817a3.487 3.487 0 0 0-3.296 3.668c.511 9.561 8.676 16.897 18.237 16.386a3.487 3.487 0 0 0 3.296-3.668c-.51-9.561-8.676-16.897-18.237-16.386z"
/>
<path
fill="url(#r)"
d="M135.951 325.637a3.487 3.487 0 0 0-3.296 3.668c.511 9.561 8.676 16.897 18.237 16.386a3.487 3.487 0 0 0 3.296-3.668c-.511-9.561-8.676-16.898-18.237-16.386z"
/>
<path
fill="url(#s)"
d="M160.604 126H87.147c-1.014 0-1.991.154-2.913.434l86.367 86.367v-76.805c0-5.521-4.476-9.996-9.997-9.996z"
/>
<path
fill="url(#t)"
d="M187.393 101.039H60.358c-8.549 0-15.479-6.93-15.479-15.479s6.93-15.479 15.479-15.479h127.035c8.549 0 15.479 6.93 15.479 15.479s-6.93 15.479-15.479 15.479z"
/>
<path
fill="url(#u)"
d="M170.601 292.66h-93.45v136.664c0 25.805 20.92 46.725 46.725 46.725s46.725-20.919 46.725-46.725z"
/>
<path
fill="url(#v)"
d="m472.1 479.889-.302-.159-47.73-25a247.685 247.685 0 0 1-60.27-44.31l-8.97-8.96c-7.97-7.98-20.91-7.98-28.88 0l-5.45 5.44-.121.121c-7.02 7.014-18.028 8.07-26.369 2.693-15.9-10.249-41.146-27.231-52.82-38.904l-8.96-8.96c-7.978-7.978-20.912-7.978-28.89 0l-5.44 5.44a247.787 247.787 0 0 1-68.95 48.65l-54.99 26.12a87.137 87.137 0 0 0-43.371 45.915C26.306 498.492 34.05 510 45.406 510h419.175c16.654 0 22.239-22.32 7.519-30.111z"
/>
<path
fill="url(#w)"
d="M350.634 461.714c-9.556.598-16.818 8.829-16.22 18.385a3.488 3.488 0 0 0 3.698 3.263c9.556-.598 16.818-8.829 16.22-18.385a3.487 3.487 0 0 0-3.698-3.263z"
/>
<path
fill="url(#x)"
d="M393.577 461.07c-2.265-9.303-11.643-15.008-20.945-12.743a3.487 3.487 0 0 0-2.563 4.213c2.265 9.303 11.642 15.008 20.945 12.743a3.487 3.487 0 0 0 2.563-4.213z"
/>
<path
fill="url(#y)"
d="M258.396 433.34c-9.556.598-16.818 8.829-16.22 18.385a3.488 3.488 0 0 0 3.698 3.263c9.556-.598 16.818-8.829 16.22-18.385a3.486 3.486 0 0 0-3.698-3.263z"
/>
<path
fill="url(#z)"
d="M224.38 377.155c-8.299 4.775-11.155 15.374-6.38 23.673a3.487 3.487 0 0 0 4.762 1.283c8.299-4.775 11.156-15.374 6.38-23.673a3.488 3.488 0 0 0-4.762-1.283z"
/>
<path
fill="url(#A)"
d="M112.157 453.301c-8.299 4.775-11.156 15.374-6.38 23.673a3.487 3.487 0 0 0 4.762 1.283c8.299-4.775 11.155-15.374 6.38-23.673a3.488 3.488 0 0 0-4.762-1.283z"
/>
<path
fill="url(#B)"
d="M171.675 429.45c-7.806-5.544-18.629-3.71-24.173 4.096a3.487 3.487 0 0 0 .824 4.862c7.806 5.544 18.629 3.71 24.173-4.096a3.487 3.487 0 0 0-.824-4.862z"
/>
<path
fill="url(#C)"
d="M271.298 461.051a3.487 3.487 0 0 0-3.296 3.668c.511 9.561 8.676 16.897 18.237 16.386a3.487 3.487 0 0 0 3.296-3.668c-.511-9.561-8.676-16.897-18.237-16.386z"
/>
<path
fill="url(#D)"
d="M179.535 465.624a3.487 3.487 0 0 0-3.296 3.668c.511 9.561 8.677 16.897 18.237 16.386a3.487 3.487 0 0 0 3.296-3.668c-.511-9.561-8.676-16.897-18.237-16.386z"
/>
<path
fill="url(#E)"
d="M294.008 409.714c-15.901-10.249-41.146-27.231-52.82-38.904l-8.96-8.96c-7.978-7.978-20.912-7.978-28.89 0l-5.44 5.44a247.787 247.787 0 0 1-68.95 48.65l-54.99 26.12a87.137 87.137 0 0 0-43.371 45.915C26.306 498.492 34.05 510 45.406 510h117.412a87.17 87.17 0 0 1 33.74-28.34l55-26.12a247.63 247.63 0 0 0 68.782-48.485c-7.021 6.981-18.005 8.027-26.332 2.659z"
/>
<path
fill="url(#F)"
d="M73.958 442.06a87.137 87.137 0 0 0-43.371 45.915C26.306 498.492 34.05 510 45.406 510h419.175c16.654 0 22.239-22.32 7.519-30.111l-.302-.159-47.73-25a247.389 247.389 0 0 1-39.582-25.82H101.642z"
/>
</svg>
More icons in the same style and category