Add icons to this collection by clicking the heart icon.
Logic icon - also known as education, mathematics, maths, learning, and logic. Created in a clean 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"
>
<linearGradient
id="g"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5e" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff4d5e" stop-opacity=".4" />
<stop offset=".057" stop-color="#ff6c4c" stop-opacity=".363" />
<stop offset=".144" stop-color="#ff9535" stop-opacity=".307" />
<stop offset=".234" stop-color="#ffb622" stop-opacity=".249" />
<stop offset=".325" stop-color="#ffd113" stop-opacity=".191" />
<stop offset=".418" stop-color="#ffe308" stop-opacity=".13" />
<stop offset=".515" stop-color="#ffee02" stop-opacity=".068" />
<stop offset=".62" stop-color="#fff200" stop-opacity="0" />
</linearGradient>
<radialGradient
id="h"
cx="149.52"
cy="256"
r="369.924"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ff4d5e" stop-opacity=".4" />
<stop offset=".026" stop-color="#ff6153" stop-opacity=".383" />
<stop offset=".085" stop-color="#ff873d" stop-opacity=".345" />
<stop offset=".148" stop-color="#ffa82a" stop-opacity=".305" />
<stop offset=".215" stop-color="#ffc31b" stop-opacity=".261" />
<stop offset=".288" stop-color="#ffd80f" stop-opacity=".214" />
<stop offset=".37" stop-color="#ffe706" stop-opacity=".162" />
<stop offset=".467" stop-color="#ffef01" stop-opacity=".099" />
<stop offset=".62" stop-color="#fff200" stop-opacity="0" />
</linearGradient>
<radialGradient
id="i"
cx="149.52"
cy="375.662"
r="417.568"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ff4d5e" stop-opacity=".4" />
<stop offset=".032" stop-color="#ff674f" stop-opacity=".379" />
<stop offset=".086" stop-color="#ff8c3a" stop-opacity=".345" />
<stop offset=".144" stop-color="#ffac28" stop-opacity=".307" />
<stop offset=".207" stop-color="#ffc519" stop-opacity=".267" />
<stop offset=".276" stop-color="#ffd90e" stop-opacity=".222" />
<stop offset=".355" stop-color="#ffe706" stop-opacity=".171" />
<stop offset=".452" stop-color="#fff001" stop-opacity=".109" />
<stop offset=".62" stop-color="#fff200" stop-opacity="0" />
</linearGradient>
<radialGradient
id="j"
cx="150.535"
cy="139.38"
r="416.554"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="k"
cx="-8693.925"
cy="-5179.924"
r="369.924"
gradientTransform="matrix(-1 0 0 1 -8331.445 5435.924)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="l"
cx="-8693.925"
cy="-5060.262"
r="417.568"
gradientTransform="matrix(-1 0 0 1 -8331.445 5435.924)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="-8692.91"
cy="-5296.544"
r="416.554"
gradientTransform="matrix(-1 0 0 1 -8331.445 5435.924)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ffcb00" />
<stop offset="1" stop-color="#fffa78" />
</linearGradient>
<linearGradient
id="n"
x1="-1.314"
x2="251.87"
y1="523.43"
y2="270.246"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="98.687"
x2="231.384"
y1="423.428"
y2="290.731"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="-8.345"
x2="257.009"
y1="288.101"
y2="22.747"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="96.42"
x2="236.135"
y1="183.341"
y2="43.626"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#ff3838" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="r"
x1="56.92"
x2="530.944"
y1="342.653"
y2="-131.37"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="113.418"
x2="385.157"
y1="286.158"
y2="14.419"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="287.903"
x2="748.048"
y1="218.936"
y2="-241.21"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="u"
x1="342.792"
x2="608.25"
y1="164.045"
y2="-101.412"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#fffa78" />
<stop offset=".458" stop-color="#fffcb4" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="v"
x1="194.329"
x2="455.148"
y1="435.052"
y2="174.233"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="w"
x1="333.923"
x2="464.471"
y1="295.454"
y2="164.906"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="x"
x1="189.855"
x2="455.207"
y1="559.344"
y2="293.992"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="y"
x1="331.88"
x2="464.148"
y1="417.311"
y2="285.044"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="z"
x1="-168.63"
x2="459.792"
y1="582.188"
y2="-82.29"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="A"
x1="-110.921"
x2="522.929"
y1="643.886"
y2="-26.332"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="B"
x1="-45.783"
x2="583.014"
y1="700.492"
y2="35.617"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<circle cx="256" cy="256" r="256" fill="url(#g)" />
<circle cx="256" cy="256" r="256" fill="url(#h)" />
<circle cx="256" cy="256" r="256" fill="url(#i)" />
<circle cx="256" cy="256" r="256" fill="url(#j)" />
<circle cx="256" cy="256" r="256" fill="url(#k)" />
<circle cx="256" cy="256" r="256" fill="url(#l)" />
<circle cx="256" cy="256" r="256" fill="url(#m)" />
<path
fill="url(#n)"
d="M197.726 378.58c.274 29.646-22.813 53.288-51.726 52.205-28.905-1.102-53.598-25.909-54.629-54.808-1.013-28.909 22.614-51.921 52.247-51.597 29.642.366 53.797 24.543 54.108 54.2z"
/>
<path
fill="url(#o)"
d="M160.226 400.796c-29.15-.801-53.745-25.394-54.455-54.428a51.208 51.208 0 0 1 .362-7.271c-9.568 9.341-15.252 22.322-14.762 36.88 1.031 28.901 25.724 53.706 54.629 54.808 26.476.983 48.002-18.717 51.3-44.804-9.48 9.497-22.533 15.188-37.074 14.815z"
/>
<path
fill="url(#p)"
d="M197.726 133.374c-.311 29.657-24.466 53.834-54.108 54.2-29.633.325-53.259-22.687-52.247-51.597 1.032-28.899 25.724-53.705 54.629-54.808 28.913-1.082 52.001 22.559 51.726 52.205z"
/>
<path
fill="url(#q)"
d="M159.341 156.891c-29.527.433-52.914-22.519-51.756-51.564.093-2.472.371-4.908.793-7.304-9.991 9.973-16.52 23.398-17.007 37.955-1.013 28.909 22.614 51.922 52.247 51.597 27.118-.341 49.654-20.604 53.505-46.786-9.732 9.749-23.102 15.853-37.782 16.102z"
/>
<path
fill="url(#r)"
d="M197 255.977c-.019 29.653-23.923 53.56-53.552 53.202-29.619-.389-54.063-24.296-54.073-53.202.009-28.906 24.454-52.814 54.073-53.202 29.629-.358 53.533 23.551 53.552 53.202z"
/>
<path
fill="url(#s)"
d="M158.604 278.843c-29.689-.186-53.963-23.956-53.741-52.996.02-2.471.226-4.903.584-7.287-9.895 9.657-16.073 22.86-16.072 37.417.009 28.905 24.454 52.814 54.073 53.202 27.118.322 49.414-19.662 53.032-45.795-9.722 9.625-23.091 15.522-37.876 15.459z"
/>
<path
fill="url(#t)"
d="M425.629 135.977c1.013 28.91-22.613 51.922-52.247 51.597-29.643-.366-53.795-24.543-54.108-54.2-.276-29.646 22.812-53.286 51.726-52.204 28.904 1.101 53.598 25.909 54.629 54.807z"
/>
<path
fill="url(#u)"
d="M388.169 157.495c-29.536-.616-53.717-24.882-54.212-54.493-.046-2.51.091-4.973.372-7.383-9.424 9.49-15.228 22.877-15.055 37.755.312 29.657 24.465 53.834 54.108 54.2 27.109.315 49.204-18.979 51.963-44.364-9.332 9.098-22.499 14.611-37.176 14.285z"
/>
<path
fill="url(#v)"
d="M427.625 255.977c-.01 28.905-24.454 52.814-54.073 53.202-29.629.358-53.534-23.551-53.552-53.202.018-29.651 23.923-53.56 53.552-53.202 29.619.389 54.063 24.297 54.073 53.202z"
/>
<path
fill="url(#w)"
d="M389.133 278.704c-29.698.204-53.701-23.716-53.815-53.322a54.09 54.09 0 0 1 .492-7.391c-9.76 9.648-15.81 23.105-15.81 37.986.018 29.653 23.924 53.56 53.552 53.202 27.109-.335 49.856-20.44 53.543-45.951a54.94 54.94 0 0 1-37.962 15.476z"
/>
<path
fill="url(#x)"
d="M425.629 375.977c-1.031 28.901-25.724 53.706-54.629 54.808-28.912 1.083-52.001-22.56-51.726-52.204.312-29.657 24.465-53.834 54.108-54.2 29.634-.326 53.259 22.686 52.247 51.596z"
/>
<path
fill="url(#y)"
d="M387.012 399.913c-29.158 1.024-52.415-22.549-52.148-52.15.028-2.51.24-4.978.599-7.4-9.864 9.806-16.018 23.335-16.189 38.218-.276 29.646 22.813 53.287 51.726 52.204 26.466-.99 49.338-21.899 53.864-47.538-9.936 9.788-23.313 16.183-37.852 16.666z"
/>
<path
fill="url(#z)"
d="M227.692 153.872a7.51 7.51 0 0 0 5.383 2.223 7.646 7.646 0 0 0 5.401-2.272c2.987-3.011 2.999-7.876.037-10.869l-2.22-2.241c19.237-.086 38.474-.06 57.71.077 4.203.03 7.583-3.375 7.545-7.615-.036-4.238-3.463-7.709-7.651-7.743a4379.191 4379.191 0 0 0-57.538-.087l2.231-2.261c2.973-3.014 2.987-7.881.047-10.869-2.941-2.987-7.721-2.953-10.697.068-5.078 5.16-10.172 10.325-15.279 15.493-2.991 3.029-3.042 7.885-.097 10.853 5.026 5.068 10.07 10.15 15.128 15.243z"
/>
<path
fill="url(#A)"
d="m275.814 263.663-2.252 2.251c-3.002 3.005-3.003 7.871-.004 10.871 3 2.998 7.865 2.993 10.869-.008 5.128-5.127 10.256-10.252 15.383-15.371a7.668 7.668 0 0 0 0-10.857c-5.127-5.12-10.255-10.244-15.383-15.371a7.677 7.677 0 0 0-5.436-2.255 7.657 7.657 0 0 0-5.433 2.247c-3.001 3.001-2.998 7.867.004 10.871l2.252 2.251c-19.437-.005-38.875-.002-58.312.009-4.246.003-7.689 3.439-7.689 7.677s3.443 7.673 7.689 7.677c19.437.009 38.875.012 58.312.008z"
/>
<path
fill="url(#B)"
d="M296.539 371.167a4978.31 4978.31 0 0 1-57.71.107l2.221-2.242c2.962-2.994 2.952-7.857-.032-10.87-2.987-3.009-7.819-3.028-10.784-.044-5.06 5.096-10.105 10.181-15.134 15.252-2.946 2.972-2.898 7.827.092 10.855 5.104 5.166 10.195 10.329 15.27 15.486a7.565 7.565 0 0 0 5.36 2.284 7.396 7.396 0 0 0 5.337-2.223c2.941-2.988 2.93-7.858-.041-10.87l-2.23-2.26c19.179.086 38.358.046 57.538-.121 4.189-.036 7.616-3.508 7.655-7.746.038-4.235-3.339-7.638-7.542-7.608z"
/>
</svg>
More icons in the same style and category