quicktype logo
quicktype from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- quicktype
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the quicktype logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.226 14.393a2.9 2.9 0 0 0 .612-.804c.538-1.032.365-2.246.047-2.983c-.614-1.422-2.041-2.225-3.683-2.225c-1.497 0-2.427.64-2.868 1.048c-.474.44-1.144 1.31-1.144 2.729q0 .902.288 1.603c.253.616.795 1.486 2.053 1.914a5 5 0 0 0 1.609.249h4.145c.466 0 .71-.405.705-.717a.694.694 0 0 0-.705-.683l-.29.005q-.774.06-1.332.35zM12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12s-5.373 12-12 12m1.424-15.41a.852.852 0 0 0 0 1.705h5a.852.852 0 1 0 0-1.705zm1.662 6.259c0 .478.375.865.838.865a.85.85 0 0 0 .838-.865V11.55c0-.478-.375-.656-.838-.656s-.838.178-.838.656zm-4.951-1.763c-.321.84-1.063 1.323-1.943 1.323c-.875 0-1.612-.468-1.928-1.323c-.18-.486-.227-1.19.005-1.79a2 2 0 0 1 1.103-1.146q.38-.16.83-.16c1.032 0 1.675.604 1.938 1.306a2.67 2.67 0 0 1-.005 1.79"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsQuicktype(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="M11.226 14.393a2.9 2.9 0 0 0 .612-.804c.538-1.032.365-2.246.047-2.983c-.614-1.422-2.041-2.225-3.683-2.225c-1.497 0-2.427.64-2.868 1.048c-.474.44-1.144 1.31-1.144 2.729q0 .902.288 1.603c.253.616.795 1.486 2.053 1.914a5 5 0 0 0 1.609.249h4.145c.466 0 .71-.405.705-.717a.694.694 0 0 0-.705-.683l-.29.005q-.774.06-1.332.35zM12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12s-5.373 12-12 12m1.424-15.41a.852.852 0 0 0 0 1.705h5a.852.852 0 1 0 0-1.705zm1.662 6.259c0 .478.375.865.838.865a.85.85 0 0 0 .838-.865V11.55c0-.478-.375-.656-.838-.656s-.838.178-.838.656zm-4.951-1.763c-.321.84-1.063 1.323-1.943 1.323c-.875 0-1.612-.468-1.928-1.323c-.18-.486-.227-1.19.005-1.79a2 2 0 0 1 1.103-1.146q.38-.16.83-.16c1.032 0 1.675.604 1.938 1.306a2.67 2.67 0 0 1-.005 1.79"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.226 14.393a2.9 2.9 0 0 0 .612-.804c.538-1.032.365-2.246.047-2.983c-.614-1.422-2.041-2.225-3.683-2.225c-1.497 0-2.427.64-2.868 1.048c-.474.44-1.144 1.31-1.144 2.729q0 .902.288 1.603c.253.616.795 1.486 2.053 1.914a5 5 0 0 0 1.609.249h4.145c.466 0 .71-.405.705-.717a.694.694 0 0 0-.705-.683l-.29.005q-.774.06-1.332.35zM12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12s-5.373 12-12 12m1.424-15.41a.852.852 0 0 0 0 1.705h5a.852.852 0 1 0 0-1.705zm1.662 6.259c0 .478.375.865.838.865a.85.85 0 0 0 .838-.865V11.55c0-.478-.375-.656-.838-.656s-.838.178-.838.656zm-4.951-1.763c-.321.84-1.063 1.323-1.943 1.323c-.875 0-1.612-.468-1.928-1.323c-.18-.486-.227-1.19.005-1.79a2 2 0 0 1 1.103-1.146q.38-.16.83-.16c1.032 0 1.675.604 1.938 1.306a2.67 2.67 0 0 1-.005 1.79"/></svg> </template>
CSS
.icon-quicktype {
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%22M11.226%2014.393a2.9%202.9%200%200%200%20.612-.804c.538-1.032.365-2.246.047-2.983c-.614-1.422-2.041-2.225-3.683-2.225c-1.497%200-2.427.64-2.868%201.048c-.474.44-1.144%201.31-1.144%202.729q0%20.902.288%201.603c.253.616.795%201.486%202.053%201.914a5%205%200%200%200%201.609.249h4.145c.466%200%20.71-.405.705-.717a.694.694%200%200%200-.705-.683l-.29.005q-.774.06-1.332.35zM12%2024C5.373%2024%200%2018.627%200%2012S5.373%200%2012%200s12%205.373%2012%2012s-5.373%2012-12%2012m1.424-15.41a.852.852%200%200%200%200%201.705h5a.852.852%200%201%200%200-1.705zm1.662%206.259c0%20.478.375.865.838.865a.85.85%200%200%200%20.838-.865V11.55c0-.478-.375-.656-.838-.656s-.838.178-.838.656zm-4.951-1.763c-.321.84-1.063%201.323-1.943%201.323c-.875%200-1.612-.468-1.928-1.323c-.18-.486-.227-1.19.005-1.79a2%202%200%200%201%201.103-1.146q.38-.16.83-.16c1.032%200%201.675.604%201.938%201.306a2.67%202.67%200%200%201-.005%201.79%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%22M11.226%2014.393a2.9%202.9%200%200%200%20.612-.804c.538-1.032.365-2.246.047-2.983c-.614-1.422-2.041-2.225-3.683-2.225c-1.497%200-2.427.64-2.868%201.048c-.474.44-1.144%201.31-1.144%202.729q0%20.902.288%201.603c.253.616.795%201.486%202.053%201.914a5%205%200%200%200%201.609.249h4.145c.466%200%20.71-.405.705-.717a.694.694%200%200%200-.705-.683l-.29.005q-.774.06-1.332.35zM12%2024C5.373%2024%200%2018.627%200%2012S5.373%200%2012%200s12%205.373%2012%2012s-5.373%2012-12%2012m1.424-15.41a.852.852%200%200%200%200%201.705h5a.852.852%200%201%200%200-1.705zm1.662%206.259c0%20.478.375.865.838.865a.85.85%200%200%200%20.838-.865V11.55c0-.478-.375-.656-.838-.656s-.838.178-.838.656zm-4.951-1.763c-.321.84-1.063%201.323-1.943%201.323c-.875%200-1.612-.468-1.928-1.323c-.18-.486-.227-1.19.005-1.79a2%202%200%200%201%201.103-1.146q.38-.16.83-.16c1.032%200%201.675.604%201.938%201.306a2.67%202.67%200%200%201-.005%201.79%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/quicktype.svg?color=%231a73e8&size=48
