stepsize icon logo
stepsize-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- stepsize-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×236
- License
- CC0
Use the stepsize icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 236"><defs><linearGradient id="logosStepsizeIcon" x1="32.521%" x2="102.581%" y1="-18.705%" y2="72.992%"><stop offset="0%" stop-color="#613AB5"/><stop offset="19.808%" stop-color="#613AB5"/><stop offset="100%" stop-color="#D11E8E"/></linearGradient><linearGradient id="logosStepsizeIcon1" x1="-2.438%" x2="67.621%" y1="26.908%" y2="118.609%"><stop offset="0%" stop-color="#613AB5"/><stop offset="19.808%" stop-color="#613AB5"/><stop offset="100%" stop-color="#D11E8E"/></linearGradient><linearGradient id="logosStepsizeIcon2" x1="67.479%" x2="-2.581%" y1="118.709%" y2="27.009%"><stop offset="0%" stop-color="#D11E8E"/><stop offset="80.192%" stop-color="#613AB5"/><stop offset="100%" stop-color="#613AB5"/></linearGradient><linearGradient id="logosStepsizeIcon3" x1="102.438%" x2="32.377%" y1="73.093%" y2="-18.613%"><stop offset="0%" stop-color="#D11E8E"/><stop offset="80.192%" stop-color="#613AB5"/><stop offset="100%" stop-color="#613AB5"/></linearGradient></defs><path fill="#D11E8E" d="M256 56.391L214.943.813H97.41L61.182 112.775l41.057 55.579L137.66 56.391zM153.761 66.863l40.252 55.578l-34.616 111.963H41.057L0 178.826h118.34z"/><path fill="#D11E8E" d="m158.866 235.204l-58.858-.175l17.707-56.218z"/><path fill="#9F20A8" d="m99.997 235.012l-58.858-.176l17.707-56.217zm35.42-112.417l58.858.176l-17.707 56.217z"/><path fill="#613AB5" d="m0 178.465l58.857.175l-17.706 56.217zm194.275-55.7l-58.858-.175l17.707-56.218z"/><path fill="#D11E8E" d="m117.713 178.811l58.857.176l-17.706 56.217z"/><path fill="url(#logosStepsizeIcon)" d="m99.997 235.031l17.704-56.216l-58.857-.175z"/><path fill="url(#logosStepsizeIcon1)" d="m117.713 178.815l58.857.173l-41.153-56.393z"/><path fill="#613AB5" d="m97.13 0l58.858.175l-17.707 56.218z"/><path fill="#9F20A8" d="m156 .199l58.857.175l-17.706 56.218zm-35.421 112.416l-58.857-.175l17.706-56.217z"/><path fill="#D11E8E" d="m255.996 56.746l-58.857-.175L214.846.353zM61.722 112.439l58.857.175l-17.707 56.218z"/><path fill="#613AB5" d="m138.283 56.393l-58.857-.175L97.132 0z"/><path fill="url(#logosStepsizeIcon2)" d="m138.295 56.393l58.858.173L156 .174z"/><path fill="url(#logosStepsizeIcon3)" d="m120.574 112.615l17.707-56.217l-58.855-.175z"/></svg>
React
import type { SVGProps } from "react";
export function LogosStepsizeIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 236"><defs><linearGradient id="logosStepsizeIcon" x1="32.521%" x2="102.581%" y1="-18.705%" y2="72.992%"><stop offset="0%" stopColor="#613AB5"/><stop offset="19.808%" stopColor="#613AB5"/><stop offset="100%" stopColor="#D11E8E"/></linearGradient><linearGradient id="logosStepsizeIcon1" x1="-2.438%" x2="67.621%" y1="26.908%" y2="118.609%"><stop offset="0%" stopColor="#613AB5"/><stop offset="19.808%" stopColor="#613AB5"/><stop offset="100%" stopColor="#D11E8E"/></linearGradient><linearGradient id="logosStepsizeIcon2" x1="67.479%" x2="-2.581%" y1="118.709%" y2="27.009%"><stop offset="0%" stopColor="#D11E8E"/><stop offset="80.192%" stopColor="#613AB5"/><stop offset="100%" stopColor="#613AB5"/></linearGradient><linearGradient id="logosStepsizeIcon3" x1="102.438%" x2="32.377%" y1="73.093%" y2="-18.613%"><stop offset="0%" stopColor="#D11E8E"/><stop offset="80.192%" stopColor="#613AB5"/><stop offset="100%" stopColor="#613AB5"/></linearGradient></defs><path fill="#D11E8E" d="M256 56.391L214.943.813H97.41L61.182 112.775l41.057 55.579L137.66 56.391zM153.761 66.863l40.252 55.578l-34.616 111.963H41.057L0 178.826h118.34z"/><path fill="#D11E8E" d="m158.866 235.204l-58.858-.175l17.707-56.218z"/><path fill="#9F20A8" d="m99.997 235.012l-58.858-.176l17.707-56.217zm35.42-112.417l58.858.176l-17.707 56.217z"/><path fill="#613AB5" d="m0 178.465l58.857.175l-17.706 56.217zm194.275-55.7l-58.858-.175l17.707-56.218z"/><path fill="#D11E8E" d="m117.713 178.811l58.857.176l-17.706 56.217z"/><path fill="url(#logosStepsizeIcon)" d="m99.997 235.031l17.704-56.216l-58.857-.175z"/><path fill="url(#logosStepsizeIcon1)" d="m117.713 178.815l58.857.173l-41.153-56.393z"/><path fill="#613AB5" d="m97.13 0l58.858.175l-17.707 56.218z"/><path fill="#9F20A8" d="m156 .199l58.857.175l-17.706 56.218zm-35.421 112.416l-58.857-.175l17.706-56.217z"/><path fill="#D11E8E" d="m255.996 56.746l-58.857-.175L214.846.353zM61.722 112.439l58.857.175l-17.707 56.218z"/><path fill="#613AB5" d="m138.283 56.393l-58.857-.175L97.132 0z"/><path fill="url(#logosStepsizeIcon2)" d="m138.295 56.393l58.858.173L156 .174z"/><path fill="url(#logosStepsizeIcon3)" d="m120.574 112.615l17.707-56.217l-58.855-.175z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 236"><defs><linearGradient id="logosStepsizeIcon" x1="32.521%" x2="102.581%" y1="-18.705%" y2="72.992%"><stop offset="0%" stop-color="#613AB5"/><stop offset="19.808%" stop-color="#613AB5"/><stop offset="100%" stop-color="#D11E8E"/></linearGradient><linearGradient id="logosStepsizeIcon1" x1="-2.438%" x2="67.621%" y1="26.908%" y2="118.609%"><stop offset="0%" stop-color="#613AB5"/><stop offset="19.808%" stop-color="#613AB5"/><stop offset="100%" stop-color="#D11E8E"/></linearGradient><linearGradient id="logosStepsizeIcon2" x1="67.479%" x2="-2.581%" y1="118.709%" y2="27.009%"><stop offset="0%" stop-color="#D11E8E"/><stop offset="80.192%" stop-color="#613AB5"/><stop offset="100%" stop-color="#613AB5"/></linearGradient><linearGradient id="logosStepsizeIcon3" x1="102.438%" x2="32.377%" y1="73.093%" y2="-18.613%"><stop offset="0%" stop-color="#D11E8E"/><stop offset="80.192%" stop-color="#613AB5"/><stop offset="100%" stop-color="#613AB5"/></linearGradient></defs><path fill="#D11E8E" d="M256 56.391L214.943.813H97.41L61.182 112.775l41.057 55.579L137.66 56.391zM153.761 66.863l40.252 55.578l-34.616 111.963H41.057L0 178.826h118.34z"/><path fill="#D11E8E" d="m158.866 235.204l-58.858-.175l17.707-56.218z"/><path fill="#9F20A8" d="m99.997 235.012l-58.858-.176l17.707-56.217zm35.42-112.417l58.858.176l-17.707 56.217z"/><path fill="#613AB5" d="m0 178.465l58.857.175l-17.706 56.217zm194.275-55.7l-58.858-.175l17.707-56.218z"/><path fill="#D11E8E" d="m117.713 178.811l58.857.176l-17.706 56.217z"/><path fill="url(#logosStepsizeIcon)" d="m99.997 235.031l17.704-56.216l-58.857-.175z"/><path fill="url(#logosStepsizeIcon1)" d="m117.713 178.815l58.857.173l-41.153-56.393z"/><path fill="#613AB5" d="m97.13 0l58.858.175l-17.707 56.218z"/><path fill="#9F20A8" d="m156 .199l58.857.175l-17.706 56.218zm-35.421 112.416l-58.857-.175l17.706-56.217z"/><path fill="#D11E8E" d="m255.996 56.746l-58.857-.175L214.846.353zM61.722 112.439l58.857.175l-17.707 56.218z"/><path fill="#613AB5" d="m138.283 56.393l-58.857-.175L97.132 0z"/><path fill="url(#logosStepsizeIcon2)" d="m138.295 56.393l58.858.173L156 .174z"/><path fill="url(#logosStepsizeIcon3)" d="m120.574 112.615l17.707-56.217l-58.855-.175z"/></svg> </template>
CSS
.icon-stepsize-icon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20236%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22logosStepsizeIcon%22%20x1%3D%2232.521%25%22%20x2%3D%22102.581%25%22%20y1%3D%22-18.705%25%22%20y2%3D%2272.992%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%2219.808%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23D11E8E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22logosStepsizeIcon1%22%20x1%3D%22-2.438%25%22%20x2%3D%2267.621%25%22%20y1%3D%2226.908%25%22%20y2%3D%22118.609%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%2219.808%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23D11E8E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22logosStepsizeIcon2%22%20x1%3D%2267.479%25%22%20x2%3D%22-2.581%25%22%20y1%3D%22118.709%25%22%20y2%3D%2227.009%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23D11E8E%22%2F%3E%3Cstop%20offset%3D%2280.192%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22logosStepsizeIcon3%22%20x1%3D%22102.438%25%22%20x2%3D%2232.377%25%22%20y1%3D%2273.093%25%22%20y2%3D%22-18.613%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23D11E8E%22%2F%3E%3Cstop%20offset%3D%2280.192%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23D11E8E%22%20d%3D%22M256%2056.391L214.943.813H97.41L61.182%20112.775l41.057%2055.579L137.66%2056.391zM153.761%2066.863l40.252%2055.578l-34.616%20111.963H41.057L0%20178.826h118.34z%22%2F%3E%3Cpath%20fill%3D%22%23D11E8E%22%20d%3D%22m158.866%20235.204l-58.858-.175l17.707-56.218z%22%2F%3E%3Cpath%20fill%3D%22%239F20A8%22%20d%3D%22m99.997%20235.012l-58.858-.176l17.707-56.217zm35.42-112.417l58.858.176l-17.707%2056.217z%22%2F%3E%3Cpath%20fill%3D%22%23613AB5%22%20d%3D%22m0%20178.465l58.857.175l-17.706%2056.217zm194.275-55.7l-58.858-.175l17.707-56.218z%22%2F%3E%3Cpath%20fill%3D%22%23D11E8E%22%20d%3D%22m117.713%20178.811l58.857.176l-17.706%2056.217z%22%2F%3E%3Cpath%20fill%3D%22url(%23logosStepsizeIcon)%22%20d%3D%22m99.997%20235.031l17.704-56.216l-58.857-.175z%22%2F%3E%3Cpath%20fill%3D%22url(%23logosStepsizeIcon1)%22%20d%3D%22m117.713%20178.815l58.857.173l-41.153-56.393z%22%2F%3E%3Cpath%20fill%3D%22%23613AB5%22%20d%3D%22m97.13%200l58.858.175l-17.707%2056.218z%22%2F%3E%3Cpath%20fill%3D%22%239F20A8%22%20d%3D%22m156%20.199l58.857.175l-17.706%2056.218zm-35.421%20112.416l-58.857-.175l17.706-56.217z%22%2F%3E%3Cpath%20fill%3D%22%23D11E8E%22%20d%3D%22m255.996%2056.746l-58.857-.175L214.846.353zM61.722%20112.439l58.857.175l-17.707%2056.218z%22%2F%3E%3Cpath%20fill%3D%22%23613AB5%22%20d%3D%22m138.283%2056.393l-58.857-.175L97.132%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23logosStepsizeIcon2)%22%20d%3D%22m138.295%2056.393l58.858.173L156%20.174z%22%2F%3E%3Cpath%20fill%3D%22url(%23logosStepsizeIcon3)%22%20d%3D%22m120.574%20112.615l17.707-56.217l-58.855-.175z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20236%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22logosStepsizeIcon%22%20x1%3D%2232.521%25%22%20x2%3D%22102.581%25%22%20y1%3D%22-18.705%25%22%20y2%3D%2272.992%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%2219.808%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23D11E8E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22logosStepsizeIcon1%22%20x1%3D%22-2.438%25%22%20x2%3D%2267.621%25%22%20y1%3D%2226.908%25%22%20y2%3D%22118.609%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%2219.808%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23D11E8E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22logosStepsizeIcon2%22%20x1%3D%2267.479%25%22%20x2%3D%22-2.581%25%22%20y1%3D%22118.709%25%22%20y2%3D%2227.009%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23D11E8E%22%2F%3E%3Cstop%20offset%3D%2280.192%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22logosStepsizeIcon3%22%20x1%3D%22102.438%25%22%20x2%3D%2232.377%25%22%20y1%3D%2273.093%25%22%20y2%3D%22-18.613%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23D11E8E%22%2F%3E%3Cstop%20offset%3D%2280.192%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23613AB5%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23D11E8E%22%20d%3D%22M256%2056.391L214.943.813H97.41L61.182%20112.775l41.057%2055.579L137.66%2056.391zM153.761%2066.863l40.252%2055.578l-34.616%20111.963H41.057L0%20178.826h118.34z%22%2F%3E%3Cpath%20fill%3D%22%23D11E8E%22%20d%3D%22m158.866%20235.204l-58.858-.175l17.707-56.218z%22%2F%3E%3Cpath%20fill%3D%22%239F20A8%22%20d%3D%22m99.997%20235.012l-58.858-.176l17.707-56.217zm35.42-112.417l58.858.176l-17.707%2056.217z%22%2F%3E%3Cpath%20fill%3D%22%23613AB5%22%20d%3D%22m0%20178.465l58.857.175l-17.706%2056.217zm194.275-55.7l-58.858-.175l17.707-56.218z%22%2F%3E%3Cpath%20fill%3D%22%23D11E8E%22%20d%3D%22m117.713%20178.811l58.857.176l-17.706%2056.217z%22%2F%3E%3Cpath%20fill%3D%22url(%23logosStepsizeIcon)%22%20d%3D%22m99.997%20235.031l17.704-56.216l-58.857-.175z%22%2F%3E%3Cpath%20fill%3D%22url(%23logosStepsizeIcon1)%22%20d%3D%22m117.713%20178.815l58.857.173l-41.153-56.393z%22%2F%3E%3Cpath%20fill%3D%22%23613AB5%22%20d%3D%22m97.13%200l58.858.175l-17.707%2056.218z%22%2F%3E%3Cpath%20fill%3D%22%239F20A8%22%20d%3D%22m156%20.199l58.857.175l-17.706%2056.218zm-35.421%20112.416l-58.857-.175l17.706-56.217z%22%2F%3E%3Cpath%20fill%3D%22%23D11E8E%22%20d%3D%22m255.996%2056.746l-58.857-.175L214.846.353zM61.722%20112.439l58.857.175l-17.707%2056.218z%22%2F%3E%3Cpath%20fill%3D%22%23613AB5%22%20d%3D%22m138.283%2056.393l-58.857-.175L97.132%200z%22%2F%3E%3Cpath%20fill%3D%22url(%23logosStepsizeIcon2)%22%20d%3D%22m138.295%2056.393l58.858.173L156%20.174z%22%2F%3E%3Cpath%20fill%3D%22url(%23logosStepsizeIcon3)%22%20d%3D%22m120.574%20112.615l17.707-56.217l-58.855-.175z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/stepsize-icon.svg?color=%231a73e8&size=48
