Add icons to this collection by clicking the heart icon.
Yukata icon - also known as fashion, oriental, asian, japanese, japan, kimono, and yukata. 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="#18cefb" />
<stop offset="1" stop-color="#4a97f6" />
</linearGradient>
<linearGradient
id="f"
x1="7.736"
x2="113.695"
y1="187.936"
y2="252.776"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="298.401"
x2="404.359"
y1="187.936"
y2="252.776"
gradientTransform="matrix(-1 0 0 1 800.665 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#0469bb" stop-opacity="0" />
<stop offset="1" stop-color="#0469bb" />
</linearGradient>
<linearGradient
id="h"
x1="436.772"
x2="385.52"
y1="235.176"
y2="250.443"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="204.649"
x2="300.581"
y1="84.161"
y2="84.161"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8a7889" />
<stop offset="1" stop-color="#6e566e" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#00a89c" />
<stop offset="1" stop-color="#4a97f6" />
</linearGradient>
<linearGradient
id="j"
x1="160.302"
x2="301.573"
y1="155.789"
y2="297.06"
gradientTransform="matrix(-1 0 0 1 508.368 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#f8f6fb" />
<stop offset="1" stop-color="#efdcfb" />
</linearGradient>
<linearGradient
id="k"
x1="289.746"
x2="317.421"
y1="63.509"
y2="63.509"
gradientTransform="matrix(-1 0 .647 1 489.483 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="l"
x1="160.154"
x2="301.425"
y1="155.789"
y2="297.06"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="264.087"
x2="207.383"
y1="249.745"
y2="249.745"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="293.88"
x2="320.839"
y1="108.657"
y2="108.657"
gradientTransform="matrix(1 0 -.647 1 17.239 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="59.659"
x2="242.79"
y1="179.846"
y2="328.192"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="165.496"
x2="203.994"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="-92.301"
x2="90.83"
y1="179.846"
y2="328.192"
gradientTransform="matrix(-1 0 0 1 358.04 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="r"
x1="304.092"
x2="342.59"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="272.834"
x2="251.024"
y1="425.708"
y2="291.217"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="247.99"
x2="259.303"
y1="189.64"
y2="327.002"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="286.942"
x2="255.318"
y1="335.528"
y2="146.876"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#ffd945" />
<stop offset=".304" stop-color="#ffcd3e" />
<stop offset=".856" stop-color="#ffad2b" />
<stop offset="1" stop-color="#ffa325" />
</linearGradient>
<linearGradient
id="v"
x1="251.973"
x2="256.858"
y1="238.139"
y2="297.458"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="215.888"
x2="244.968"
y1="237.843"
y2="269.103"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="270.05"
x2="289.447"
y1="221.748"
y2="276.06"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="y"
x1="229.09"
x2="280.132"
y1="277.511"
y2="332.381"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="449.992"
x2="489.248"
y1="204.475"
y2="261.179"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="A"
x1="860.609"
x2="899.866"
y1="204.475"
y2="261.179"
gradientTransform="matrix(-1 0 0 1 920.617 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#f)"
d="M96.037 76.161 40.029 193.819l-16.551 42.594c-.514 1.08-20.54 35.448-20.951 36.554a40.323 40.323 0 0 0 8.027 41.245l85.483 93.568z"
/>
<path
fill="url(#g)"
d="m413.963 76.161 56.104 117.86 17.759 42.849c.501 1.052 19.211 34.934 19.615 36.011a40.321 40.321 0 0 1-7.994 41.331l-85.483 93.568V76.161z"
/>
<path
fill="url(#h)"
d="m413.963 76.161 56.016 117.677 15.367 40.62c.506 1.064 21.702 37.371 22.109 38.46a40.32 40.32 0 0 1-8.008 41.294l-85.483 93.568V76.161z"
/>
<path fill="url(#i)" d="M190.79 3.963h128.42v160.395H190.79z" />
<path fill="url(#j)" d="M167.47 3.963v491.563h173.279l-1.78-282.177z" />
<path
fill="url(#k)"
d="m247.523 123.053 18.838-26.213-57.438-87.322a12.157 12.157 0 0 0-10.207-5.555h-29.465z"
/>
<path fill="url(#l)" d="M340.749 3.963v491.563H167.47l1.781-282.177z" />
<path fill="url(#m)" d="M340.749 3.963v491.563H167.47l1.781-282.177z" />
<path
fill="url(#n)"
d="M205.331 213.349h-36.08L301.077 9.518a12.157 12.157 0 0 1 10.207-5.555h29.465z"
/>
<path
fill="url(#o)"
d="M211.47 21.051v474.374a5.159 5.159 0 0 1-5.159 5.159H103.503c-8.04 0-14.558-6.518-14.558-14.558V95.836a50.098 50.098 0 0 1 19.705-39.835l50.772-38.755c.174-.131.338-.262.512-.382a59.373 59.373 0 0 1 35.538-11.81c8.836 0 15.998 7.162 15.998 15.997z"
/>
<path
fill="url(#p)"
d="M211.47 14.473v481.053c0 5.804-4.705 10.509-10.509 10.509h-30.517c-5.804 0-10.509-4.705-10.509-10.509V14.473c0-5.804 4.705-10.509 10.509-10.509h30.517c5.804-.001 10.509 4.705 10.509 10.509z"
/>
<path
fill="url(#q)"
d="M298.53 21.051v474.374a5.159 5.159 0 0 0 5.159 5.159h102.809c8.04 0 14.558-6.518 14.558-14.558V95.836a50.098 50.098 0 0 0-19.705-39.835l-50.772-38.755c-.174-.131-.338-.262-.513-.382a59.374 59.374 0 0 0-35.539-11.81c-8.835 0-15.997 7.162-15.997 15.997z"
/>
<path
fill="url(#r)"
d="M350.065 14.473v481.053c0 5.804-4.705 10.509-10.509 10.509h-30.517c-5.804 0-10.509-4.705-10.509-10.509V14.473c0-5.804 4.705-10.509 10.509-10.509h30.517c5.804-.001 10.509 4.705 10.509 10.509z"
/>
<path
fill="url(#s)"
d="M88.943 309.523v12.421l173.581 173.581h36.007c0 5.801 4.7 10.512 10.512 10.512h30.511a10.51 10.51 0 0 0 9.214-5.452h57.729c8.037 0 14.558-6.521 14.558-14.558V309.523z"
/>
<path
fill="url(#t)"
d="M417.722 322.868H92.278c-5.224 0-9.459-4.235-9.459-9.46v-77.303a9.46 9.46 0 0 1 9.459-9.459h325.444a9.46 9.46 0 0 1 9.459 9.459v77.303a9.458 9.458 0 0 1-9.459 9.46z"
/>
<path
fill="url(#u)"
d="M439.02 269.015a12.263 12.263 0 0 0-10.766-6.385h-81.768l-38.392-38.424c-4.985-4.985-11.613-7.733-18.664-7.733-7.05 0-13.678 2.747-18.663 7.733-2.163 2.162-7.847 9.649-12.928 18.65l-18.607-18.65c-4.986-4.985-11.614-7.733-18.664-7.733-7.051 0-13.679 2.747-18.664 7.733-10.29 10.291-10.29 27.034 0 37.325.299.299.714.675 1.208 1.098H81.745c-6.775 0-12.267 5.492-12.267 12.267 0 4.643 2.581 8.682 6.385 10.765l209.864 209.864h12.802c0 5.804 4.705 10.509 10.51 10.509h30.517c3.97 0 7.424-2.203 9.212-5.452h57.729c8.04 0 14.557-6.517 14.557-14.558v-86.008l71.121-77.847z"
/>
<path
fill="url(#v)"
d="M428.255 287.164H81.745c-6.775 0-12.267-5.492-12.267-12.267 0-6.775 5.492-12.267 12.267-12.267h346.51c6.775 0 12.267 5.492 12.267 12.267 0 6.775-5.492 12.267-12.267 12.267z"
/>
<path
fill="url(#w)"
d="M239.233 224.206c-4.986-4.985-11.614-7.733-18.664-7.733-7.051 0-13.679 2.747-18.664 7.733-10.29 10.291-10.29 27.034 0 37.325 5.306 5.304 42.6 31.836 55.88 18.553 13.285-13.284-13.247-50.574-18.552-55.878zm9.188 46.515a4.762 4.762 0 0 1-1.187.132c-7.351 0-28.775-11.32-36.053-18.597-5.175-5.176-5.175-13.598.001-18.774a13.192 13.192 0 0 1 9.387-3.889 13.19 13.19 0 0 1 9.386 3.889c7.723 7.723 20 31.378 18.466 37.239z"
/>
<path
fill="url(#x)"
d="M308.095 224.206c-4.985-4.985-11.613-7.733-18.664-7.733-7.05 0-13.678 2.747-18.663 7.733-5.305 5.304-31.837 42.594-18.553 55.878 13.286 13.284 50.575-13.247 55.88-18.553 10.291-10.291 10.291-27.034 0-37.325zm-9.277 28.049c-7.723 7.72-31.361 19.975-37.239 18.465-1.534-5.86 10.743-29.516 18.466-37.239a13.19 13.19 0 0 1 9.386-3.889 13.19 13.19 0 0 1 9.387 3.889c5.176 5.176 5.176 13.599 0 18.774z"
/>
<path
fill="url(#y)"
d="M291.806 319.128a6.544 6.544 0 0 1-6.543-6.543c0-16.687-13.576-30.263-30.263-30.263s-30.264 13.576-30.264 30.263a6.543 6.543 0 0 1-13.086 0c0-23.902 19.446-43.348 43.349-43.348 23.902 0 43.348 19.446 43.348 43.348a6.54 6.54 0 0 1-6.541 6.543z"
/>
<path
fill="url(#z)"
d="m506.085 269.686-36.128-75.896c-11.853 7.949-19.656 21.468-19.656 36.812 0 24.463 19.832 44.295 44.295 44.295 4.477 0 8.796-.67 12.869-1.905a40.588 40.588 0 0 0-1.38-3.306z"
/>
<path
fill="url(#A)"
d="m3.915 269.686 36.128-75.896c11.853 7.949 19.656 21.468 19.656 36.812 0 24.463-19.832 44.295-44.295 44.295-4.477 0-8.796-.67-12.869-1.905a40.588 40.588 0 0 1 1.38-3.306z"
/>
</svg>
More icons in the same style and category