Add icons to this collection by clicking the heart icon.
Embedded icon - also known as layout, design, ui, embedded, and tiles. Created in a clean flat gradient 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 33.867 33.867"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f5f8ff" />
<stop offset="1" stop-color="#a0c9ff" />
</linearGradient>
<linearGradient
id="b"
x1="16.259"
x2="16.259"
y1="9.979"
y2=".999"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0056ff" />
<stop offset="1" stop-color="#0ab0f2" />
</linearGradient>
<linearGradient
id="c"
x1="8.214"
x2="8.214"
y1="32.602"
y2="12.256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7e3f" />
<stop offset="1" stop-color="#ffbe3f" />
</linearGradient>
<linearGradient
id="d"
x1="8.214"
x2="8.214"
y1="32.6"
y2="12.254"
gradientTransform="matrix(1 0 0 -1 12.039 44.81)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="10.149"
x2="10.149"
y1="19.692"
y2="25.117"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M3.704 1.06h26.459a2.64 2.64 0 0 1 2.645 2.646v3.472a2.64 2.64 0 0 1-2.646 2.646H3.704a2.64 2.64 0 0 1-2.646-2.646V3.706A2.64 2.64 0 0 1 3.704 1.06z"
paint-order="fill markers stroke"
/>
<path
fill="url(#c)"
d="M3.704 12.005h14.428a2.64 2.64 0 0 1 2.646 2.646v15.51c0 1.466-1.478 2.646-2.944 2.646H3.704a2.64 2.64 0 0 1-2.646-2.646V14.65a2.64 2.64 0 0 1 2.646-2.646z"
paint-order="fill markers stroke"
/>
<path
fill="#024292"
d="M1.513 7.591v.264h.53V7.59zm1.324 0v.264h.53V7.59zm1.322 0v.264h.53V7.59zm1.323 0v.264h.529V7.59zm1.324 0v.264h.529V7.59zm1.322 0v.264h.53V7.59zm1.323 0v.264h.529V7.59zm1.324 0v.264h.529V7.59zm1.322 0v.264h.53V7.59zm1.322 0v.264h.53V7.59zm1.324 0v.264h.53V7.59zm1.323 0v.264h.529V7.59zm1.322 0v.264h.53V7.59zm1.324 0v.264h.53V7.59zm1.322 0v.264h.53V7.59zm1.323 0v.264h.529V7.59zm1.324 0v.264h.527V7.59zm1.322 0v.264h.53V7.59zm1.323 0v.264h.529V7.59zm1.321 0v.264h.53V7.59zm1.209 0v.264h.529V7.59zm1.324 0v.264h.529V7.59zm1.322 0v.264h.53V7.59zm1.322 0v.264h.53V7.59z"
paint-order="markers fill stroke"
/>
<path
fill="url(#d)"
d="M25.93 32.807h4.24a2.64 2.64 0 0 0 2.646-2.646V14.65c0-1.466-1.477-2.646-2.943-2.646h-3.944a2.64 2.64 0 0 0-2.646 2.646v15.51a2.64 2.64 0 0 0 2.646 2.646z"
paint-order="fill markers stroke"
/>
<path
fill="url(#e)"
d="M7.904 19.507v5.75c0 .64.73.853 1.244.557l5.05-2.915c.482-.28.46-.954-.049-1.248l-4.98-2.875c-.622-.355-1.265-.015-1.265.731z"
paint-order="fill markers stroke"
/>
<path
fill="#ce2a32"
d="M1.451 30.576v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.322 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.324 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.323 0v.263h.528v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.322 0v.263h.53v-.263zm1.208 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263z"
paint-order="markers fill stroke"
/>
</svg>
More icons in the same style and category