Add icons to this collection by clicking the heart icon.
Responsive icon - also known as education, smartphone, online learning, electronics, and responsive. Created in a clean lineal 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 512 512"
>
<defs>
<linearGradient
id="a"
x1="-88.08"
x2="436.815"
y1="412.58"
y2="-112.315"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-76.08"
x2="448.815"
y1="424.58"
y2="-100.315"
href="#a"
/>
<linearGradient
id="c"
x1="-64.08"
x2="460.815"
y1="436.58"
y2="-88.315"
href="#a"
/>
<linearGradient
id="d"
x1="-40.08"
x2="484.815"
y1="460.58"
y2="-64.315"
href="#a"
/>
<linearGradient
id="e"
x1="-28.08"
x2="496.815"
y1="472.58"
y2="-52.315"
href="#a"
/>
<linearGradient
id="f"
x1="-60.08"
x2="464.815"
y1="440.58"
y2="-84.315"
href="#a"
/>
<linearGradient
id="g"
x1="-24.33"
x2="500.565"
y1="476.33"
y2="-48.565"
href="#a"
/>
<linearGradient
id="h"
x1="-8.33"
x2="516.565"
y1="492.33"
y2="-32.565"
href="#a"
/>
<linearGradient
id="i"
x1="3.67"
x2="528.565"
y1="504.33"
y2="-20.565"
href="#a"
/>
<linearGradient
id="j"
x1="-6.33"
x2="518.565"
y1="494.33"
y2="-30.565"
href="#a"
/>
<linearGradient
id="k"
x1="17.67"
x2="542.565"
y1="518.33"
y2="-6.565"
href="#a"
/>
<linearGradient
id="l"
x1="5.67"
x2="530.565"
y1="506.33"
y2="-18.565"
href="#a"
/>
<linearGradient
id="m"
x1="41.67"
x2="566.565"
y1="542.33"
y2="17.435"
href="#a"
/>
<linearGradient
id="n"
x1="29.67"
x2="554.565"
y1="530.33"
y2="5.435"
href="#a"
/>
<linearGradient
id="o"
x1="-44.33"
x2="480.565"
y1="456.33"
y2="-68.565"
href="#a"
/>
<linearGradient
id="p"
x1="-130.33"
x2="394.565"
y1="370.33"
y2="-154.565"
href="#a"
/>
<linearGradient
id="q"
x1="9.322"
x2="534.217"
y1="509.982"
y2="-14.914"
href="#a"
/>
<linearGradient
id="r"
x1="157.67"
x2="682.565"
y1="658.33"
y2="133.435"
href="#a"
/>
<linearGradient
id="s"
x1="183.67"
x2="708.565"
y1="684.33"
y2="159.435"
href="#a"
/>
<linearGradient
id="t"
x1="117.67"
x2="642.565"
y1="618.33"
y2="93.435"
href="#a"
/>
<linearGradient
id="u"
x1="73.67"
x2="598.566"
y1="574.33"
y2="49.435"
href="#a"
/>
</defs>
<path fill="url(#a)" d="M200 176H81a8 8 0 0 0 0 16h119a8 8 0 0 0 0-16Z" />
<path fill="url(#b)" d="M200 200H81a8 8 0 0 0 0 16h119a8 8 0 0 0 0-16Z" />
<path fill="url(#c)" d="M200 224H81a8 8 0 0 0 0 16h119a8 8 0 0 0 0-16Z" />
<path fill="url(#d)" d="M200 272H81a8 8 0 0 0 0 16h119a8 8 0 0 0 0-16Z" />
<path fill="url(#e)" d="M200 296H81a8 8 0 0 0 0 16h119a8 8 0 0 0 0-16Z" />
<path fill="url(#f)" d="M81 264h87a8 8 0 0 0 0-16H81a8 8 0 0 0 0 16Z" />
<path fill="url(#g)" d="M200 248h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z" />
<path fill="url(#h)" d="M264 168h120a8 8 0 0 0 0-16H264a8 8 0 0 0 0 16Z" />
<path fill="url(#i)" d="M264 192h120a8 8 0 0 0 0-16H264a8 8 0 0 0 0 16Z" />
<path fill="url(#j)" d="M264 216h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16Z" />
<path fill="url(#k)" d="M264 264h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16Z" />
<path fill="url(#l)" d="M264 240h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16Z" />
<path fill="url(#m)" d="M264 312h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16Z" />
<path fill="url(#n)" d="M264 288h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16Z" />
<path
fill="url(#o)"
d="M264 136h120a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8H264a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8Zm8-80h104v64H272Z"
/>
<path
fill="url(#p)"
d="M80 160h120a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8H80a8 8 0 0 0-8 8v104a8 8 0 0 0 8 8Zm8-104h104v88H88Z"
/>
<path
fill="url(#q)"
d="M480 216h-24V40a8 8 0 0 0-8-8h-24V16a8 8 0 0 0-8-8H268a43.964 43.964 0 0 0-36 18.75A43.964 43.964 0 0 0 196 8H48a8 8 0 0 0-8 8v16H16a8 8 0 0 0-8 8v328a8 8 0 0 0 8 8h296v104a24.032 24.032 0 0 0 24 24h144a24.032 24.032 0 0 0 24-24V240a24.032 24.032 0 0 0-24-24ZM424 48h16v168h-16Zm4.9 184-2.67 8h-36.46l-2.67-8ZM56 24h140a28.031 28.031 0 0 1 28 28v276H56Zm256 336H24V48h16v288a8 8 0 0 0 8 8h264Zm0-120v88h-72V52a28.031 28.031 0 0 1 28-28h140v192h-72a24.032 24.032 0 0 0-24 24Zm176 240a8.011 8.011 0 0 1-8 8H336a8.011 8.011 0 0 1-8-8V240a8.011 8.011 0 0 1 8-8h34.23l6.18 18.53A8 8 0 0 0 384 256h48a8 8 0 0 0 7.59-5.47l6.18-18.53H480a8.011 8.011 0 0 1 8 8Z"
/>
<path
fill="url(#r)"
d="M456 400h-96a8 8 0 0 0 0 16h96a8 8 0 0 0 0-16ZM408 424h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16Z"
/>
<path fill="url(#s)" d="M440 424h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z" />
<path
fill="url(#t)"
d="M456 272h-96a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8Zm-8 96h-80v-80h80Z"
/>
<path
fill="url(#u)"
d="M253.657 410.343a8 8 0 0 0-11.314 11.314L260.686 440H184v-48a8 8 0 0 0-16 0v56a8 8 0 0 0 8 8h84.686l-18.343 18.343a8 8 0 0 0 11.314 11.314l32-32a8 8 0 0 0 0-11.314Z"
/>
</svg>
More icons in the same style and category