reacthookform logo
reacthookform from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- reacthookform
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the reacthookform logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.775 17.348H5.806a.282.282 0 1 0 0 .563h4.97a.282.282 0 1 0 0-.563m7.32 0h-4.969a.282.282 0 1 0 0 .563h4.969a.282.282 0 0 0 0-.563m-7.334-6.475H5.807a.282.282 0 1 0 0 .563h4.954a.282.282 0 1 0 0-.563m7.32 0h-4.955a.282.282 0 1 0 0 .563h4.955a.282.282 0 0 0 0-.563m.552-9.2h-4.341a2.404 2.404 0 0 0-4.58 0H5.366A3.097 3.097 0 0 0 2.27 4.769v16.134A3.097 3.097 0 0 0 5.367 24h13.266a3.097 3.097 0 0 0 3.096-3.097V4.77a3.097 3.097 0 0 0-3.096-3.096m-8.705.563a.28.28 0 0 0 .281-.223a1.841 1.841 0 0 1 3.598 0a.28.28 0 0 0 .282.223h1.514V4.08a.845.845 0 0 1-.844.844H9.255a.845.845 0 0 1-.844-.844V2.236Zm11.238 18.667c0 1.4-1.134 2.534-2.533 2.534H5.367a2.534 2.534 0 0 1-2.533-2.534V4.77a2.533 2.533 0 0 1 2.533-2.533h2.48V4.08c0 .777.63 1.407 1.408 1.407h5.49c.777 0 1.407-.63 1.407-1.407V2.236h2.48c1.4 0 2.534 1.134 2.534 2.533z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsReacthookform(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="M10.775 17.348H5.806a.282.282 0 1 0 0 .563h4.97a.282.282 0 1 0 0-.563m7.32 0h-4.969a.282.282 0 1 0 0 .563h4.969a.282.282 0 0 0 0-.563m-7.334-6.475H5.807a.282.282 0 1 0 0 .563h4.954a.282.282 0 1 0 0-.563m7.32 0h-4.955a.282.282 0 1 0 0 .563h4.955a.282.282 0 0 0 0-.563m.552-9.2h-4.341a2.404 2.404 0 0 0-4.58 0H5.366A3.097 3.097 0 0 0 2.27 4.769v16.134A3.097 3.097 0 0 0 5.367 24h13.266a3.097 3.097 0 0 0 3.096-3.097V4.77a3.097 3.097 0 0 0-3.096-3.096m-8.705.563a.28.28 0 0 0 .281-.223a1.841 1.841 0 0 1 3.598 0a.28.28 0 0 0 .282.223h1.514V4.08a.845.845 0 0 1-.844.844H9.255a.845.845 0 0 1-.844-.844V2.236Zm11.238 18.667c0 1.4-1.134 2.534-2.533 2.534H5.367a2.534 2.534 0 0 1-2.533-2.534V4.77a2.533 2.533 0 0 1 2.533-2.533h2.48V4.08c0 .777.63 1.407 1.408 1.407h5.49c.777 0 1.407-.63 1.407-1.407V2.236h2.48c1.4 0 2.534 1.134 2.534 2.533z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.775 17.348H5.806a.282.282 0 1 0 0 .563h4.97a.282.282 0 1 0 0-.563m7.32 0h-4.969a.282.282 0 1 0 0 .563h4.969a.282.282 0 0 0 0-.563m-7.334-6.475H5.807a.282.282 0 1 0 0 .563h4.954a.282.282 0 1 0 0-.563m7.32 0h-4.955a.282.282 0 1 0 0 .563h4.955a.282.282 0 0 0 0-.563m.552-9.2h-4.341a2.404 2.404 0 0 0-4.58 0H5.366A3.097 3.097 0 0 0 2.27 4.769v16.134A3.097 3.097 0 0 0 5.367 24h13.266a3.097 3.097 0 0 0 3.096-3.097V4.77a3.097 3.097 0 0 0-3.096-3.096m-8.705.563a.28.28 0 0 0 .281-.223a1.841 1.841 0 0 1 3.598 0a.28.28 0 0 0 .282.223h1.514V4.08a.845.845 0 0 1-.844.844H9.255a.845.845 0 0 1-.844-.844V2.236Zm11.238 18.667c0 1.4-1.134 2.534-2.533 2.534H5.367a2.534 2.534 0 0 1-2.533-2.534V4.77a2.533 2.533 0 0 1 2.533-2.533h2.48V4.08c0 .777.63 1.407 1.408 1.407h5.49c.777 0 1.407-.63 1.407-1.407V2.236h2.48c1.4 0 2.534 1.134 2.534 2.533z"/></svg> </template>
CSS
.icon-reacthookform {
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%22M10.775%2017.348H5.806a.282.282%200%201%200%200%20.563h4.97a.282.282%200%201%200%200-.563m7.32%200h-4.969a.282.282%200%201%200%200%20.563h4.969a.282.282%200%200%200%200-.563m-7.334-6.475H5.807a.282.282%200%201%200%200%20.563h4.954a.282.282%200%201%200%200-.563m7.32%200h-4.955a.282.282%200%201%200%200%20.563h4.955a.282.282%200%200%200%200-.563m.552-9.2h-4.341a2.404%202.404%200%200%200-4.58%200H5.366A3.097%203.097%200%200%200%202.27%204.769v16.134A3.097%203.097%200%200%200%205.367%2024h13.266a3.097%203.097%200%200%200%203.096-3.097V4.77a3.097%203.097%200%200%200-3.096-3.096m-8.705.563a.28.28%200%200%200%20.281-.223a1.841%201.841%200%200%201%203.598%200a.28.28%200%200%200%20.282.223h1.514V4.08a.845.845%200%200%201-.844.844H9.255a.845.845%200%200%201-.844-.844V2.236Zm11.238%2018.667c0%201.4-1.134%202.534-2.533%202.534H5.367a2.534%202.534%200%200%201-2.533-2.534V4.77a2.533%202.533%200%200%201%202.533-2.533h2.48V4.08c0%20.777.63%201.407%201.408%201.407h5.49c.777%200%201.407-.63%201.407-1.407V2.236h2.48c1.4%200%202.534%201.134%202.534%202.533z%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%22M10.775%2017.348H5.806a.282.282%200%201%200%200%20.563h4.97a.282.282%200%201%200%200-.563m7.32%200h-4.969a.282.282%200%201%200%200%20.563h4.969a.282.282%200%200%200%200-.563m-7.334-6.475H5.807a.282.282%200%201%200%200%20.563h4.954a.282.282%200%201%200%200-.563m7.32%200h-4.955a.282.282%200%201%200%200%20.563h4.955a.282.282%200%200%200%200-.563m.552-9.2h-4.341a2.404%202.404%200%200%200-4.58%200H5.366A3.097%203.097%200%200%200%202.27%204.769v16.134A3.097%203.097%200%200%200%205.367%2024h13.266a3.097%203.097%200%200%200%203.096-3.097V4.77a3.097%203.097%200%200%200-3.096-3.096m-8.705.563a.28.28%200%200%200%20.281-.223a1.841%201.841%200%200%201%203.598%200a.28.28%200%200%200%20.282.223h1.514V4.08a.845.845%200%200%201-.844.844H9.255a.845.845%200%200%201-.844-.844V2.236Zm11.238%2018.667c0%201.4-1.134%202.534-2.533%202.534H5.367a2.534%202.534%200%200%201-2.533-2.534V4.77a2.533%202.533%200%200%201%202.533-2.533h2.48V4.08c0%20.777.63%201.407%201.408%201.407h5.49c.777%200%201.407-.63%201.407-1.407V2.236h2.48c1.4%200%202.534%201.134%202.534%202.533z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/reacthookform.svg?color=%231a73e8&size=48
