Add icons to this collection by clicking the heart icon.
Ninja icon - also known as people, oriental, japanese, avatar, warrior, and ninja. 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="#534854" />
<stop offset="1" stop-color="#342434" />
</linearGradient>
<linearGradient
id="f"
x1="109.898"
x2="170.915"
y1="197.107"
y2="197.107"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="339.085"
x2="400.102"
y1="197.107"
y2="197.107"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="h"
x1="-1074.938"
x2="-1074.938"
y1="-1066.044"
y2="-1045.249"
gradientTransform="rotate(156.93 -609.877 -222.767)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="-1092.483"
x2="-1052.429"
y1="-978.013"
y2="-978.013"
gradientTransform="rotate(156.93 -609.877 -222.767)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffd945" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="j"
x1="-1076.466"
x2="-1072.652"
y1="-1047.137"
y2="-1025.962"
gradientTransform="rotate(156.93 -609.877 -222.767)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="-1076.093"
x2="-1057.053"
y1="-933.962"
y2="-914.922"
gradientTransform="rotate(156.93 -609.877 -222.767)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="-1066.53"
x2="-1083.603"
y1="-913.687"
y2="-930.76"
gradientTransform="rotate(156.93 -609.877 -222.767)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="-1601.028"
x2="-1613.833"
y1="-237.395"
y2="-250.2"
gradientTransform="rotate(-23.07 420.161 -4166.602)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="-1080.207"
x2="-1069.63"
y1="-1022.148"
y2="-1011.571"
gradientTransform="rotate(156.93 -609.877 -222.767)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="-1080.208"
x2="-1069.632"
y1="-989.598"
y2="-979.021"
gradientTransform="rotate(156.93 -609.877 -222.767)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="-1080.21"
x2="-1069.633"
y1="-957.048"
y2="-946.471"
gradientTransform="rotate(156.93 -609.877 -222.767)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="241.389"
x2="302.729"
y1="430.1"
y2="564.281"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="r"
cx="190.583"
cy="80.245"
r="200.724"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdecf" />
<stop offset=".375" stop-color="#ffdccd" />
<stop offset=".581" stop-color="#fed5c5" />
<stop offset=".745" stop-color="#fdc9b7" />
<stop offset=".887" stop-color="#fcb9a4" />
<stop offset="1" stop-color="#faa68e" />
</radialGradient>
<linearGradient
id="s"
x1="255"
x2="255"
y1="205.285"
y2="242.484"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#faa68e" stop-opacity="0" />
<stop offset="1" stop-color="#faa68e" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#534854" stop-opacity="0" />
<stop offset="1" stop-color="#0a0007" />
</linearGradient>
<linearGradient
id="t"
x1="255"
x2="255"
y1="437.136"
y2="531.804"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="249.36"
x2="220.103"
y1="381.256"
y2="477.308"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="157.783"
x2="331.464"
y1="321.2"
y2="372.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="336.948"
x2="284.69"
y1="427.587"
y2="294.733"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="175.808"
x2="345.059"
y1="132.524"
y2="195.436"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="255"
x2="255"
y1="224.174"
y2="282.669"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="186.978"
x2="214.475"
y1="180.889"
y2="208.386"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#bdc2d1" stop-opacity="0" />
<stop offset=".318" stop-color="#c1c6d4" stop-opacity=".318" />
<stop offset=".608" stop-color="#ccd0dd" stop-opacity=".608" />
<stop offset=".886" stop-color="#dee2ec" stop-opacity=".886" />
<stop offset="1" stop-color="#e8ecf4" />
</linearGradient>
<linearGradient
id="A"
x1="192.474"
x2="177.073"
y1="185.304"
y2="163.103"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="B"
x1="195.659"
x2="224.842"
y1="196.969"
y2="142.692"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="C"
x1="307.135"
x2="334.633"
y1="180.889"
y2="208.386"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="D"
x1="312.631"
x2="297.23"
y1="185.304"
y2="163.103"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="E"
x1="315.816"
x2="344.999"
y1="196.969"
y2="142.692"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="F"
x1="271.603"
x2="364.417"
y1="168.13"
y2="202.63"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<circle cx="140.406" cy="197.107" r="30.509" fill="url(#f)" />
<circle cx="369.594" cy="197.107" r="30.509" fill="url(#g)" />
<path
fill="url(#h)"
d="m122.27 354.322 33.623-14.342a2.795 2.795 0 0 1 3.667 1.474l7.855 18.964a2.795 2.795 0 0 1-1.474 3.667l-33.623 14.342a2.795 2.795 0 0 1-3.667-1.474l-7.855-18.964a2.795 2.795 0 0 1 1.474-3.667z"
/>
<path
fill="url(#i)"
d="M89.988 231.687c10.385-4.43 22.394.398 26.824 10.782l40.764 95.938-37.606 16.041-40.764-95.938c-4.43-10.384.398-22.394 10.782-26.823z"
/>
<path
fill="url(#j)"
d="m110.455 352.181 52.07-22.211a4.718 4.718 0 0 1 3.702 8.678l-52.07 22.211a4.718 4.718 0 0 1-3.702-8.678z"
/>
<path
fill="url(#k)"
d="M83.471 261.649c2.522-1.076 4.197-3.475 4.421-6.208.372-4.552 3.185-8.749 7.679-10.666s9.47-1.043 13.014 1.839c2.127 1.73 5.018 2.182 7.541 1.106l.48-.205a3.499 3.499 0 0 0 1.845-4.589c-4.632-10.858-17.019-16.504-28.034-12.261-11.564 4.454-17.039 17.563-12.218 28.864a4.017 4.017 0 0 0 5.272 2.12z"
/>
<circle cx="92.61" cy="237.834" r="6.368" fill="url(#l)" />
<path
fill="url(#m)"
d="M97.004 235.96a4.776 4.776 0 1 1-8.787 3.748 4.776 4.776 0 0 1 8.787-3.748z"
/>
<path
fill="url(#n)"
d="m127.625 314.099 11.297 4.541a3.23 3.23 0 0 1 1.792 4.201l-4.541 11.297a3.23 3.23 0 0 1-4.201 1.792l-11.297-4.541a3.23 3.23 0 0 1-1.792-4.201l4.541-11.297a3.23 3.23 0 0 1 4.201-1.792z"
/>
<path
fill="url(#o)"
d="m114.854 284.159 11.297 4.541a3.23 3.23 0 0 1 1.792 4.201l-4.541 11.297a3.23 3.23 0 0 1-4.201 1.792l-11.297-4.541a3.23 3.23 0 0 1-1.792-4.201l4.541-11.297a3.23 3.23 0 0 1 4.201-1.792z"
/>
<path
fill="url(#p)"
d="m102.082 254.219 11.297 4.541a3.23 3.23 0 0 1 1.792 4.201l-4.541 11.297a3.23 3.23 0 0 1-4.201 1.792l-11.297-4.541a3.23 3.23 0 0 1-1.792-4.201l4.541-11.297a3.23 3.23 0 0 1 4.201-1.792z"
/>
<path
fill="url(#q)"
d="M354.481 354.061H155.519c-43.671 0-79.073 35.402-79.073 79.073v69.035A7.831 7.831 0 0 0 84.278 510h341.445a7.83 7.83 0 0 0 7.831-7.831v-69.035c0-43.671-35.403-79.073-79.073-79.073z"
/>
<path
fill="url(#r)"
d="M255 351.246c-63.289 0-114.594-51.306-114.594-114.594V116.09C140.406 52.801 191.711 1.496 255 1.496c63.288 0 114.594 51.306 114.594 114.594v120.562c0 63.288-51.305 114.594-114.594 114.594z"
/>
<path
fill="url(#s)"
d="M261.51 269.246h-13.02c-10.434 0-18.563-9.05-17.447-19.424l6.807-63.279h34.299l6.807 63.279c1.117 10.374-7.012 19.424-17.446 19.424z"
/>
<path fill="url(#t)" d="M114.049 411.371H395.95V510H114.049z" />
<path
fill="url(#u)"
d="m179.659 421.043 28.522 9.53a147.737 147.737 0 0 0 93.637 0l28.522-9.53c14.477-4.837 26.886-14.745 34.135-28.178.373-.692.735-1.392 1.085-2.102 4.661-9.509 7.221-20.658 7.44-34.499a79.216 79.216 0 0 0-18.52-2.203H155.519a79.21 79.21 0 0 0-18.52 2.203c.219 13.841 2.78 24.99 7.44 34.499.35.71.712 1.41 1.085 2.102 7.249 13.433 19.658 23.341 34.135 28.178z"
/>
<path
fill="url(#v)"
d="M293.687 309.373a26.284 26.284 0 0 1-.101-1.631 38.286 38.286 0 0 1-.051-1.975v-21.652h-77.071v21.652c0 .658-.017 1.317-.05 1.975a26.98 26.98 0 0 1-.101 1.631c-2.173 24.987-26.734 44.693-56.702 44.693 0 11.921 2.089 21.409 6.031 29.452.283.573.575 1.14.877 1.699 5.859 10.857 15.888 18.864 27.589 22.774l23.053 7.702a119.404 119.404 0 0 0 75.68 0l23.053-7.702c11.701-3.91 21.73-11.917 27.589-22.774.302-.559.594-1.125.877-1.699 3.942-8.043 6.031-17.531 6.031-29.452-29.97 0-54.531-19.706-56.704-44.693z"
/>
<path
fill="url(#w)"
d="M354.481 354.061h-4.321c-29.863-.101-54.305-19.766-56.472-44.688a26.284 26.284 0 0 1-.101-1.631 38.285 38.285 0 0 1-.05-1.975v-21.652H216.464v21.652c0 .658-.017 1.317-.05 1.975a26.98 26.98 0 0 1-.101 1.631c-.97 11.155-6.412 21.249-14.795 29.015L373.13 510h52.592a7.832 7.832 0 0 0 7.832-7.831v-69.035c0-43.671-35.402-79.073-79.073-79.073z"
/>
<path
fill="url(#x)"
d="M369.39 30.733C375.813 16.28 365.234 0 349.417 0h-94.42c-63.83 0-115.574 51.744-115.574 115.574v121.594c0 63.83 51.744 115.574 115.574 115.574s115.574-51.744 115.574-115.574V115.574c0-26.415-2.52-48.32-4.41-61.035a42.966 42.966 0 0 1 3.214-23.774zm-22.7 199.766c-61.197 6.335-122.19 6.334-183.386 0-7.114-.736-12.23-7.189-11.334-14.285l7.375-58.375c.867-6.867 7.058-11.772 13.944-11.071 54.561 5.552 108.856 5.552 163.417 0 6.886-.701 13.076 4.204 13.944 11.071l7.374 58.376c.896 7.094-4.221 13.547-11.334 14.284z"
/>
<path
fill="url(#y)"
d="m232.695 234.463-1.652 15.359c-1.116 10.374 7.013 19.424 17.447 19.424h13.02c10.434 0 18.563-9.05 17.447-19.424l-1.652-15.359a875.275 875.275 0 0 1-44.61 0z"
/>
<circle cx="194.921" cy="188.832" r="21.231" fill="url(#z)" />
<path
fill="url(#A)"
d="M212.64 188.832c0 9.786-7.933 17.719-17.719 17.719s-17.719-7.933-17.719-17.719 7.933-17.719 17.719-17.719 17.719 7.933 17.719 17.719z"
/>
<path
fill="url(#B)"
d="M204.419 169.84a21.14 21.14 0 0 1 2.239 9.497c0 11.726-9.506 21.231-21.231 21.231-3.414 0-6.64-.807-9.497-2.239 3.486 6.957 10.68 11.734 18.992 11.734 11.726 0 21.231-9.506 21.231-21.231 0-8.311-4.777-15.506-11.734-18.992z"
/>
<circle cx="315.079" cy="188.832" r="21.231" fill="url(#C)" />
<circle cx="315.079" cy="188.832" r="17.719" fill="url(#D)" />
<path
fill="url(#E)"
d="M324.576 169.84a21.14 21.14 0 0 1 2.239 9.497c0 11.726-9.506 21.231-21.231 21.231a21.14 21.14 0 0 1-9.497-2.239c3.486 6.957 10.681 11.734 18.992 11.734 11.725 0 21.231-9.506 21.231-21.231 0-8.311-4.777-15.506-11.734-18.992z"
/>
<path
fill="url(#F)"
d="m369.375 30.765.015-.033C375.813 16.28 365.234 0 349.417 0H331.13c.296 3.496-.252 7.147-1.827 10.69l-.015.033a42.966 42.966 0 0 0-3.214 23.774c1.89 12.714 4.41 34.62 4.41 61.035v51.83c2.073-.195 4.146-.383 6.22-.594 6.886-.701 13.076 4.204 13.944 11.071l7.374 58.376c.896 7.095-4.22 13.548-11.334 14.285a898.836 898.836 0 0 1-17.168 1.593C322.18 288.852 273.667 332.7 214.909 332.7c-10.6 0-20.864-1.435-30.616-4.107 19.544 15.136 44.068 24.15 70.701 24.15 63.83 0 115.574-51.744 115.574-115.574V115.574c0-26.415-2.52-48.32-4.41-61.035a42.995 42.995 0 0 1 3.217-23.774z"
/>
</svg>
More icons in the same style and category