stimulus logo
stimulus from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- stimulus
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the stimulus logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.704 0A.704.704 0 0 0 0 .704v2.824h5.648a3.1 3.1 0 0 1 1.312.36l3.232 1.9a.4.4 0 0 1 0 .712l-1.536.904a1.31 1.31 0 0 1-1.2 0l-1.2-.7a3.1 3.1 0 0 0-1.316-.36H0v4.236h4.94a3 3 0 0 0 1.316-.36l10.8-6.344a3 3 0 0 1 1.312-.36H24V.692A.704.704 0 0 0 23.296 0zM19.06 6.352a3.1 3.1 0 0 0-1.316.36l-10.8 6.348a3.1 3.1 0 0 1-1.312.36H0v4.236h4.94a3.1 3.1 0 0 0 1.316-.36l10.8-6.348a3.1 3.1 0 0 1 1.312-.36H24V6.352h-3.376zm0 7.072a3.1 3.1 0 0 0-1.316.36l-10.8 6.344a3 3 0 0 1-1.312.36H0v2.824A.71.71 0 0 0 .704 24h22.592a.71.71 0 0 0 .704-.7v-2.824h-5.648a3 3 0 0 1-1.312-.36l-3.232-1.896a.4.4 0 0 1 0-.716l1.536-.9a1.31 1.31 0 0 1 1.2 0l1.2.696a3 3 0 0 0 1.316.36H24v-4.236h-3.376z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsStimulus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.704 0A.704.704 0 0 0 0 .704v2.824h5.648a3.1 3.1 0 0 1 1.312.36l3.232 1.9a.4.4 0 0 1 0 .712l-1.536.904a1.31 1.31 0 0 1-1.2 0l-1.2-.7a3.1 3.1 0 0 0-1.316-.36H0v4.236h4.94a3 3 0 0 0 1.316-.36l10.8-6.344a3 3 0 0 1 1.312-.36H24V.692A.704.704 0 0 0 23.296 0zM19.06 6.352a3.1 3.1 0 0 0-1.316.36l-10.8 6.348a3.1 3.1 0 0 1-1.312.36H0v4.236h4.94a3.1 3.1 0 0 0 1.316-.36l10.8-6.348a3.1 3.1 0 0 1 1.312-.36H24V6.352h-3.376zm0 7.072a3.1 3.1 0 0 0-1.316.36l-10.8 6.344a3 3 0 0 1-1.312.36H0v2.824A.71.71 0 0 0 .704 24h22.592a.71.71 0 0 0 .704-.7v-2.824h-5.648a3 3 0 0 1-1.312-.36l-3.232-1.896a.4.4 0 0 1 0-.716l1.536-.9a1.31 1.31 0 0 1 1.2 0l1.2.696a3 3 0 0 0 1.316.36H24v-4.236h-3.376z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M.704 0A.704.704 0 0 0 0 .704v2.824h5.648a3.1 3.1 0 0 1 1.312.36l3.232 1.9a.4.4 0 0 1 0 .712l-1.536.904a1.31 1.31 0 0 1-1.2 0l-1.2-.7a3.1 3.1 0 0 0-1.316-.36H0v4.236h4.94a3 3 0 0 0 1.316-.36l10.8-6.344a3 3 0 0 1 1.312-.36H24V.692A.704.704 0 0 0 23.296 0zM19.06 6.352a3.1 3.1 0 0 0-1.316.36l-10.8 6.348a3.1 3.1 0 0 1-1.312.36H0v4.236h4.94a3.1 3.1 0 0 0 1.316-.36l10.8-6.348a3.1 3.1 0 0 1 1.312-.36H24V6.352h-3.376zm0 7.072a3.1 3.1 0 0 0-1.316.36l-10.8 6.344a3 3 0 0 1-1.312.36H0v2.824A.71.71 0 0 0 .704 24h22.592a.71.71 0 0 0 .704-.7v-2.824h-5.648a3 3 0 0 1-1.312-.36l-3.232-1.896a.4.4 0 0 1 0-.716l1.536-.9a1.31 1.31 0 0 1 1.2 0l1.2.696a3 3 0 0 0 1.316.36H24v-4.236h-3.376z"/></svg> </template>
CSS
.icon-stimulus {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.704%200A.704.704%200%200%200%200%20.704v2.824h5.648a3.1%203.1%200%200%201%201.312.36l3.232%201.9a.4.4%200%200%201%200%20.712l-1.536.904a1.31%201.31%200%200%201-1.2%200l-1.2-.7a3.1%203.1%200%200%200-1.316-.36H0v4.236h4.94a3%203%200%200%200%201.316-.36l10.8-6.344a3%203%200%200%201%201.312-.36H24V.692A.704.704%200%200%200%2023.296%200zM19.06%206.352a3.1%203.1%200%200%200-1.316.36l-10.8%206.348a3.1%203.1%200%200%201-1.312.36H0v4.236h4.94a3.1%203.1%200%200%200%201.316-.36l10.8-6.348a3.1%203.1%200%200%201%201.312-.36H24V6.352h-3.376zm0%207.072a3.1%203.1%200%200%200-1.316.36l-10.8%206.344a3%203%200%200%201-1.312.36H0v2.824A.71.71%200%200%200%20.704%2024h22.592a.71.71%200%200%200%20.704-.7v-2.824h-5.648a3%203%200%200%201-1.312-.36l-3.232-1.896a.4.4%200%200%201%200-.716l1.536-.9a1.31%201.31%200%200%201%201.2%200l1.2.696a3%203%200%200%200%201.316.36H24v-4.236h-3.376z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.704%200A.704.704%200%200%200%200%20.704v2.824h5.648a3.1%203.1%200%200%201%201.312.36l3.232%201.9a.4.4%200%200%201%200%20.712l-1.536.904a1.31%201.31%200%200%201-1.2%200l-1.2-.7a3.1%203.1%200%200%200-1.316-.36H0v4.236h4.94a3%203%200%200%200%201.316-.36l10.8-6.344a3%203%200%200%201%201.312-.36H24V.692A.704.704%200%200%200%2023.296%200zM19.06%206.352a3.1%203.1%200%200%200-1.316.36l-10.8%206.348a3.1%203.1%200%200%201-1.312.36H0v4.236h4.94a3.1%203.1%200%200%200%201.316-.36l10.8-6.348a3.1%203.1%200%200%201%201.312-.36H24V6.352h-3.376zm0%207.072a3.1%203.1%200%200%200-1.316.36l-10.8%206.344a3%203%200%200%201-1.312.36H0v2.824A.71.71%200%200%200%20.704%2024h22.592a.71.71%200%200%200%20.704-.7v-2.824h-5.648a3%203%200%200%201-1.312-.36l-3.232-1.896a.4.4%200%200%201%200-.716l1.536-.9a1.31%201.31%200%200%201%201.2%200l1.2.696a3%203%200%200%200%201.316.36H24v-4.236h-3.376z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/stimulus.svg?color=%231a73e8&size=48
