fillout logo

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

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

Use the fillout logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.12 10.254c1.439 0 2.166.775 2.166 2.325c0 .735-.224 1.438-.584 1.846c-.359.407-.942.623-1.669.623c-.704 0-1.223-.192-1.559-.567c-.375-.416-.599-1.119-.599-1.91c0-1.534.759-2.317 2.245-2.317m-.016 1.414c-.567 0-.863.368-.863 1.063c0 .751.304 1.174.839 1.174c.536 0 .847-.447.847-1.214c0-.679-.271-1.023-.823-1.023m6.956-1.254v4.474h-1.438v-.471c0-.152.008-.192.048-.48h-.048c-.136.392-.231.56-.415.736c-.248.247-.592.375-.975.375c-.471 0-.887-.192-1.119-.519c-.128-.184-.231-.496-.263-.839a21 21 0 0 1-.016-1.095v-2.181h1.502v2.141c0 .719.008.783.096.935c.096.152.263.24.471.24c.28 0 .504-.16.591-.416c.056-.176.064-.255.064-.759v-2.141zM8.813 14.898V8.952H10.3v5.946zm-2.265 0V8.952H8.07v5.946zM0 9.589h3.61v1.334H1.411v.878H3.61v1.238H1.411v1.859H0zm4.303 5.3v-4.427c.272.104.448.136.727.136c.272 0 .488-.04.775-.136v4.427zm.734-4.687q-.867 0-.869-.606c0-.192.09-.375.234-.482s.379-.162.671-.162q.423 0 .625.148a.6.6 0 0 1 .241.498c0 .4-.305.604-.902.604m16.597-.625c0 1.134-.399 1.339-1.142 1.339v.88h.743c-.032.471-.04.759-.04 1.215c0 .807.072 1.214.264 1.518c.216.335.639.519 1.199.519c.575 0 .95-.152 1.342-.543v-1.039c-.24.304-.495.439-.807.439c-.192 0-.36-.079-.439-.207c-.088-.136-.12-.344-.12-.711c0-.512-.024-1.191-.024-1.191H24V10.41h-1.39v-.833z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsFillout(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="M13.12 10.254c1.439 0 2.166.775 2.166 2.325c0 .735-.224 1.438-.584 1.846c-.359.407-.942.623-1.669.623c-.704 0-1.223-.192-1.559-.567c-.375-.416-.599-1.119-.599-1.91c0-1.534.759-2.317 2.245-2.317m-.016 1.414c-.567 0-.863.368-.863 1.063c0 .751.304 1.174.839 1.174c.536 0 .847-.447.847-1.214c0-.679-.271-1.023-.823-1.023m6.956-1.254v4.474h-1.438v-.471c0-.152.008-.192.048-.48h-.048c-.136.392-.231.56-.415.736c-.248.247-.592.375-.975.375c-.471 0-.887-.192-1.119-.519c-.128-.184-.231-.496-.263-.839a21 21 0 0 1-.016-1.095v-2.181h1.502v2.141c0 .719.008.783.096.935c.096.152.263.24.471.24c.28 0 .504-.16.591-.416c.056-.176.064-.255.064-.759v-2.141zM8.813 14.898V8.952H10.3v5.946zm-2.265 0V8.952H8.07v5.946zM0 9.589h3.61v1.334H1.411v.878H3.61v1.238H1.411v1.859H0zm4.303 5.3v-4.427c.272.104.448.136.727.136c.272 0 .488-.04.775-.136v4.427zm.734-4.687q-.867 0-.869-.606c0-.192.09-.375.234-.482s.379-.162.671-.162q.423 0 .625.148a.6.6 0 0 1 .241.498c0 .4-.305.604-.902.604m16.597-.625c0 1.134-.399 1.339-1.142 1.339v.88h.743c-.032.471-.04.759-.04 1.215c0 .807.072 1.214.264 1.518c.216.335.639.519 1.199.519c.575 0 .95-.152 1.342-.543v-1.039c-.24.304-.495.439-.807.439c-.192 0-.36-.079-.439-.207c-.088-.136-.12-.344-.12-.711c0-.512-.024-1.191-.024-1.191H24V10.41h-1.39v-.833z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.12 10.254c1.439 0 2.166.775 2.166 2.325c0 .735-.224 1.438-.584 1.846c-.359.407-.942.623-1.669.623c-.704 0-1.223-.192-1.559-.567c-.375-.416-.599-1.119-.599-1.91c0-1.534.759-2.317 2.245-2.317m-.016 1.414c-.567 0-.863.368-.863 1.063c0 .751.304 1.174.839 1.174c.536 0 .847-.447.847-1.214c0-.679-.271-1.023-.823-1.023m6.956-1.254v4.474h-1.438v-.471c0-.152.008-.192.048-.48h-.048c-.136.392-.231.56-.415.736c-.248.247-.592.375-.975.375c-.471 0-.887-.192-1.119-.519c-.128-.184-.231-.496-.263-.839a21 21 0 0 1-.016-1.095v-2.181h1.502v2.141c0 .719.008.783.096.935c.096.152.263.24.471.24c.28 0 .504-.16.591-.416c.056-.176.064-.255.064-.759v-2.141zM8.813 14.898V8.952H10.3v5.946zm-2.265 0V8.952H8.07v5.946zM0 9.589h3.61v1.334H1.411v.878H3.61v1.238H1.411v1.859H0zm4.303 5.3v-4.427c.272.104.448.136.727.136c.272 0 .488-.04.775-.136v4.427zm.734-4.687q-.867 0-.869-.606c0-.192.09-.375.234-.482s.379-.162.671-.162q.423 0 .625.148a.6.6 0 0 1 .241.498c0 .4-.305.604-.902.604m16.597-.625c0 1.134-.399 1.339-1.142 1.339v.88h.743c-.032.471-.04.759-.04 1.215c0 .807.072 1.214.264 1.518c.216.335.639.519 1.199.519c.575 0 .95-.152 1.342-.543v-1.039c-.24.304-.495.439-.807.439c-.192 0-.36-.079-.439-.207c-.088-.136-.12-.344-.12-.711c0-.512-.024-1.191-.024-1.191H24V10.41h-1.39v-.833z"/></svg>
</template>

CSS

.icon-fillout {
  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%22M13.12%2010.254c1.439%200%202.166.775%202.166%202.325c0%20.735-.224%201.438-.584%201.846c-.359.407-.942.623-1.669.623c-.704%200-1.223-.192-1.559-.567c-.375-.416-.599-1.119-.599-1.91c0-1.534.759-2.317%202.245-2.317m-.016%201.414c-.567%200-.863.368-.863%201.063c0%20.751.304%201.174.839%201.174c.536%200%20.847-.447.847-1.214c0-.679-.271-1.023-.823-1.023m6.956-1.254v4.474h-1.438v-.471c0-.152.008-.192.048-.48h-.048c-.136.392-.231.56-.415.736c-.248.247-.592.375-.975.375c-.471%200-.887-.192-1.119-.519c-.128-.184-.231-.496-.263-.839a21%2021%200%200%201-.016-1.095v-2.181h1.502v2.141c0%20.719.008.783.096.935c.096.152.263.24.471.24c.28%200%20.504-.16.591-.416c.056-.176.064-.255.064-.759v-2.141zM8.813%2014.898V8.952H10.3v5.946zm-2.265%200V8.952H8.07v5.946zM0%209.589h3.61v1.334H1.411v.878H3.61v1.238H1.411v1.859H0zm4.303%205.3v-4.427c.272.104.448.136.727.136c.272%200%20.488-.04.775-.136v4.427zm.734-4.687q-.867%200-.869-.606c0-.192.09-.375.234-.482s.379-.162.671-.162q.423%200%20.625.148a.6.6%200%200%201%20.241.498c0%20.4-.305.604-.902.604m16.597-.625c0%201.134-.399%201.339-1.142%201.339v.88h.743c-.032.471-.04.759-.04%201.215c0%20.807.072%201.214.264%201.518c.216.335.639.519%201.199.519c.575%200%20.95-.152%201.342-.543v-1.039c-.24.304-.495.439-.807.439c-.192%200-.36-.079-.439-.207c-.088-.136-.12-.344-.12-.711c0-.512-.024-1.191-.024-1.191H24V10.41h-1.39v-.833z%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%22M13.12%2010.254c1.439%200%202.166.775%202.166%202.325c0%20.735-.224%201.438-.584%201.846c-.359.407-.942.623-1.669.623c-.704%200-1.223-.192-1.559-.567c-.375-.416-.599-1.119-.599-1.91c0-1.534.759-2.317%202.245-2.317m-.016%201.414c-.567%200-.863.368-.863%201.063c0%20.751.304%201.174.839%201.174c.536%200%20.847-.447.847-1.214c0-.679-.271-1.023-.823-1.023m6.956-1.254v4.474h-1.438v-.471c0-.152.008-.192.048-.48h-.048c-.136.392-.231.56-.415.736c-.248.247-.592.375-.975.375c-.471%200-.887-.192-1.119-.519c-.128-.184-.231-.496-.263-.839a21%2021%200%200%201-.016-1.095v-2.181h1.502v2.141c0%20.719.008.783.096.935c.096.152.263.24.471.24c.28%200%20.504-.16.591-.416c.056-.176.064-.255.064-.759v-2.141zM8.813%2014.898V8.952H10.3v5.946zm-2.265%200V8.952H8.07v5.946zM0%209.589h3.61v1.334H1.411v.878H3.61v1.238H1.411v1.859H0zm4.303%205.3v-4.427c.272.104.448.136.727.136c.272%200%20.488-.04.775-.136v4.427zm.734-4.687q-.867%200-.869-.606c0-.192.09-.375.234-.482s.379-.162.671-.162q.423%200%20.625.148a.6.6%200%200%201%20.241.498c0%20.4-.305.604-.902.604m16.597-.625c0%201.134-.399%201.339-1.142%201.339v.88h.743c-.032.471-.04.759-.04%201.215c0%20.807.072%201.214.264%201.518c.216.335.639.519%201.199.519c.575%200%20.95-.152%201.342-.543v-1.039c-.24.304-.495.439-.807.439c-.192%200-.36-.079-.439-.207c-.088-.136-.12-.344-.12-.711c0-.512-.024-1.191-.024-1.191H24V10.41h-1.39v-.833z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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