it 36 logo
it-36 from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.
- Name
- it-36
- Set
- Circle Flags
- Style
- Circle
- Viewbox
- 512×512
- License
- MIT
Related icons in Circle Flags
Use the it 36 logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs95"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs95)"><path fill="#338af3" d="M0 0h512v512H0z"/><path fill="#eee" d="M304 344v16h-32v-16h-32v16h-32v-16h-32v64h160v-64z"/><path fill="#333" d="M248 352h-2.3l24-24l-5.7-5.7l-29.7 29.7H224a8 8 0 0 0-8 8h10.3a8 8 0 0 0 0 11.3l11.4-11.3H256a8 8 0 0 0-8-8m56 8a8 8 0 0 0-8-8h-8v-24h-8v24h-8a8 8 0 0 0-8 8h18.3l11.4 11.3a8 8 0 0 0 0-11.3z"/><path fill="#ffda44" d="M304 256a24 24 0 0 0 24-24a24 24 0 0 0 24-24a24 24 0 0 0 24-24h-80c-9 0-17.3 3-24 8v-8a24 24 0 0 0-24-24a24 24 0 0 0-24-24a24 24 0 0 0-24-24v80a40 40 0 0 0 4.5 18.5A84.2 84.2 0 0 0 184 208a32 32 0 0 0-32 32c9.4-5.5 20.3-8 32-8l72 80a24 24 0 1 0 48 0l16-16l40 40a16 16 0 0 0 16-16a16 16 0 0 0 16-16z"/></g></svg>
React
import type { SVGProps } from "react";
export function CircleFlagsIt36(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs95"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs95)"><path fill="#338af3" d="M0 0h512v512H0z"/><path fill="#eee" d="M304 344v16h-32v-16h-32v16h-32v-16h-32v64h160v-64z"/><path fill="#333" d="M248 352h-2.3l24-24l-5.7-5.7l-29.7 29.7H224a8 8 0 0 0-8 8h10.3a8 8 0 0 0 0 11.3l11.4-11.3H256a8 8 0 0 0-8-8m56 8a8 8 0 0 0-8-8h-8v-24h-8v24h-8a8 8 0 0 0-8 8h18.3l11.4 11.3a8 8 0 0 0 0-11.3z"/><path fill="#ffda44" d="M304 256a24 24 0 0 0 24-24a24 24 0 0 0 24-24a24 24 0 0 0 24-24h-80c-9 0-17.3 3-24 8v-8a24 24 0 0 0-24-24a24 24 0 0 0-24-24a24 24 0 0 0-24-24v80a40 40 0 0 0 4.5 18.5A84.2 84.2 0 0 0 184 208a32 32 0 0 0-32 32c9.4-5.5 20.3-8 32-8l72 80a24 24 0 1 0 48 0l16-16l40 40a16 16 0 0 0 16-16a16 16 0 0 0 16-16z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs95"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs95)"><path fill="#338af3" d="M0 0h512v512H0z"/><path fill="#eee" d="M304 344v16h-32v-16h-32v16h-32v-16h-32v64h160v-64z"/><path fill="#333" d="M248 352h-2.3l24-24l-5.7-5.7l-29.7 29.7H224a8 8 0 0 0-8 8h10.3a8 8 0 0 0 0 11.3l11.4-11.3H256a8 8 0 0 0-8-8m56 8a8 8 0 0 0-8-8h-8v-24h-8v24h-8a8 8 0 0 0-8 8h18.3l11.4 11.3a8 8 0 0 0 0-11.3z"/><path fill="#ffda44" d="M304 256a24 24 0 0 0 24-24a24 24 0 0 0 24-24a24 24 0 0 0 24-24h-80c-9 0-17.3 3-24 8v-8a24 24 0 0 0-24-24a24 24 0 0 0-24-24a24 24 0 0 0-24-24v80a40 40 0 0 0 4.5 18.5A84.2 84.2 0 0 0 184 208a32 32 0 0 0-32 32c9.4-5.5 20.3-8 32-8l72 80a24 24 0 1 0 48 0l16-16l40 40a16 16 0 0 0 16-16a16 16 0 0 0 16-16z"/></g></svg> </template>
CSS
.icon-it-36 {
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%20512%20512%22%3E%3Cmask%20id%3D%22SVGqdEcMdXs95%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGqdEcMdXs95)%22%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M304%20344v16h-32v-16h-32v16h-32v-16h-32v64h160v-64z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M248%20352h-2.3l24-24l-5.7-5.7l-29.7%2029.7H224a8%208%200%200%200-8%208h10.3a8%208%200%200%200%200%2011.3l11.4-11.3H256a8%208%200%200%200-8-8m56%208a8%208%200%200%200-8-8h-8v-24h-8v24h-8a8%208%200%200%200-8%208h18.3l11.4%2011.3a8%208%200%200%200%200-11.3z%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22M304%20256a24%2024%200%200%200%2024-24a24%2024%200%200%200%2024-24a24%2024%200%200%200%2024-24h-80c-9%200-17.3%203-24%208v-8a24%2024%200%200%200-24-24a24%2024%200%200%200-24-24a24%2024%200%200%200-24-24v80a40%2040%200%200%200%204.5%2018.5A84.2%2084.2%200%200%200%20184%20208a32%2032%200%200%200-32%2032c9.4-5.5%2020.3-8%2032-8l72%2080a24%2024%200%201%200%2048%200l16-16l40%2040a16%2016%200%200%200%2016-16a16%2016%200%200%200%2016-16z%22%2F%3E%3C%2Fg%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%20512%20512%22%3E%3Cmask%20id%3D%22SVGqdEcMdXs95%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGqdEcMdXs95)%22%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M304%20344v16h-32v-16h-32v16h-32v-16h-32v64h160v-64z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M248%20352h-2.3l24-24l-5.7-5.7l-29.7%2029.7H224a8%208%200%200%200-8%208h10.3a8%208%200%200%200%200%2011.3l11.4-11.3H256a8%208%200%200%200-8-8m56%208a8%208%200%200%200-8-8h-8v-24h-8v24h-8a8%208%200%200%200-8%208h18.3l11.4%2011.3a8%208%200%200%200%200-11.3z%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22M304%20256a24%2024%200%200%200%2024-24a24%2024%200%200%200%2024-24a24%2024%200%200%200%2024-24h-80c-9%200-17.3%203-24%208v-8a24%2024%200%200%200-24-24a24%2024%200%200%200-24-24a24%2024%200%200%200-24-24v80a40%2040%200%200%200%204.5%2018.5A84.2%2084.2%200%200%200%20184%20208a32%2032%200%200%200-32%2032c9.4-5.5%2020.3-8%2032-8l72%2080a24%2024%200%201%200%2048%200l16-16l40%2040a16%2016%200%200%200%2016-16a16%2016%200%200%200%2016-16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/circle-flags/it-36.svg?color=%231a73e8&size=48
