formik logo

formik from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
formik
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the formik logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.545 10.295l-2.753-1.583l.001-3.3l2.753 1.582Zm-.001 3.59l-2.752-1.583V9.15l2.753 1.582zm.026 3.63l-2.786-1.6l.001-3.153l2.786 1.601zm-7.152-6.506l3.998-2.298V5.56l-3.997 2.298zm-2.475 4.983l6.457-3.711V9.128l-6.457 3.712zM6.6 22.135l10.823-6.221v-3.152l-10.822 6.22zM9.59 24l-2.77-1.593l10.784-6.201l2.77 1.593ZM3.455 13.778l2.753 1.582l-.001 3.36l-2.753-1.582Zm.001-3.59l2.752 1.582v3.153L3.454 13.34zM3.43 6.576l2.786 1.602l-.001 3.153l-2.786-1.602Zm7.151 6.486L6.584 15.36v3.152l3.997-2.298zm2.476-4.983L6.599 11.79v3.153l6.457-3.712zm4.358-6.152L6.577 8.157v3.152l10.838-6.23ZM14.534 0l2.77 1.593L6.396 7.865l-2.77-1.593Z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsFormik(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="m20.545 10.295l-2.753-1.583l.001-3.3l2.753 1.582Zm-.001 3.59l-2.752-1.583V9.15l2.753 1.582zm.026 3.63l-2.786-1.6l.001-3.153l2.786 1.601zm-7.152-6.506l3.998-2.298V5.56l-3.997 2.298zm-2.475 4.983l6.457-3.711V9.128l-6.457 3.712zM6.6 22.135l10.823-6.221v-3.152l-10.822 6.22zM9.59 24l-2.77-1.593l10.784-6.201l2.77 1.593ZM3.455 13.778l2.753 1.582l-.001 3.36l-2.753-1.582Zm.001-3.59l2.752 1.582v3.153L3.454 13.34zM3.43 6.576l2.786 1.602l-.001 3.153l-2.786-1.602Zm7.151 6.486L6.584 15.36v3.152l3.997-2.298zm2.476-4.983L6.599 11.79v3.153l6.457-3.712zm4.358-6.152L6.577 8.157v3.152l10.838-6.23ZM14.534 0l2.77 1.593L6.396 7.865l-2.77-1.593Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.545 10.295l-2.753-1.583l.001-3.3l2.753 1.582Zm-.001 3.59l-2.752-1.583V9.15l2.753 1.582zm.026 3.63l-2.786-1.6l.001-3.153l2.786 1.601zm-7.152-6.506l3.998-2.298V5.56l-3.997 2.298zm-2.475 4.983l6.457-3.711V9.128l-6.457 3.712zM6.6 22.135l10.823-6.221v-3.152l-10.822 6.22zM9.59 24l-2.77-1.593l10.784-6.201l2.77 1.593ZM3.455 13.778l2.753 1.582l-.001 3.36l-2.753-1.582Zm.001-3.59l2.752 1.582v3.153L3.454 13.34zM3.43 6.576l2.786 1.602l-.001 3.153l-2.786-1.602Zm7.151 6.486L6.584 15.36v3.152l3.997-2.298zm2.476-4.983L6.599 11.79v3.153l6.457-3.712zm4.358-6.152L6.577 8.157v3.152l10.838-6.23ZM14.534 0l2.77 1.593L6.396 7.865l-2.77-1.593Z"/></svg>
</template>

CSS

.icon-formik {
  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%22m20.545%2010.295l-2.753-1.583l.001-3.3l2.753%201.582Zm-.001%203.59l-2.752-1.583V9.15l2.753%201.582zm.026%203.63l-2.786-1.6l.001-3.153l2.786%201.601zm-7.152-6.506l3.998-2.298V5.56l-3.997%202.298zm-2.475%204.983l6.457-3.711V9.128l-6.457%203.712zM6.6%2022.135l10.823-6.221v-3.152l-10.822%206.22zM9.59%2024l-2.77-1.593l10.784-6.201l2.77%201.593ZM3.455%2013.778l2.753%201.582l-.001%203.36l-2.753-1.582Zm.001-3.59l2.752%201.582v3.153L3.454%2013.34zM3.43%206.576l2.786%201.602l-.001%203.153l-2.786-1.602Zm7.151%206.486L6.584%2015.36v3.152l3.997-2.298zm2.476-4.983L6.599%2011.79v3.153l6.457-3.712zm4.358-6.152L6.577%208.157v3.152l10.838-6.23ZM14.534%200l2.77%201.593L6.396%207.865l-2.77-1.593Z%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%22m20.545%2010.295l-2.753-1.583l.001-3.3l2.753%201.582Zm-.001%203.59l-2.752-1.583V9.15l2.753%201.582zm.026%203.63l-2.786-1.6l.001-3.153l2.786%201.601zm-7.152-6.506l3.998-2.298V5.56l-3.997%202.298zm-2.475%204.983l6.457-3.711V9.128l-6.457%203.712zM6.6%2022.135l10.823-6.221v-3.152l-10.822%206.22zM9.59%2024l-2.77-1.593l10.784-6.201l2.77%201.593ZM3.455%2013.778l2.753%201.582l-.001%203.36l-2.753-1.582Zm.001-3.59l2.752%201.582v3.153L3.454%2013.34zM3.43%206.576l2.786%201.602l-.001%203.153l-2.786-1.602Zm7.151%206.486L6.584%2015.36v3.152l3.997-2.298zm2.476-4.983L6.599%2011.79v3.153l6.457-3.712zm4.358-6.152L6.577%208.157v3.152l10.838-6.23ZM14.534%200l2.77%201.593L6.396%207.865l-2.77-1.593Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/formik.svg?color=%231a73e8&size=48