It 57 icon
circle-flags:it-57
The It 57 icon (circle-flags:it-57) is a free SVG icon from the Circle Flags set by HatScripts. It is drawn on a 512 × 512 grid. Circle Flags icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Circle Flags
- Author
- HatScripts
- License
- MIT
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#496e2d" d="M256 544c-77 0-149.3-30-203.6-84.4C-2 405.3-32 333-32 256S-2 106.7 52.4 52.4C106.7-2 179-32 256-32S405.3-2 459.6 52.4C514 106.7 544 179 544 256s-30 149.3-84.4 203.6A286.1 286.1 0 0 1 256 544m0-512c-59.8 0-116 23.3-158.4 65.6C55.3 140 32 196.2 32 256s23.3 116 65.6 158.4C140 456.7 196.2 480 256 480s116-23.3 158.4-65.6C456.7 372 480 315.8 480 256s-23.3-116-65.6-158.4A222.5 222.5 0 0 0 256 32"/><path fill="#333" d="M363.9 146.4a32.4 32.4 0 0 0-35.5 7.2l-76.2 76.9l46 46l20.8-21V305l-89-89v-31a35.5 35.5 0 1 0-69.5-15.2L116.7 208h44.6v125.5a34.4 34.4 0 1 0 68.7 0v-12.1a74.4 74.4 0 0 0 89-3.6v16a32.5 32.5 0 1 0 65 0V176.4c0-13.2-8-25-20.1-30M195.4 151a25.6 25.6 0 1 1 0 51.1a25.6 25.6 0 0 1 0-51.1m-52 47.2l17-15l.9 3.2v11.8h-18ZM217 333.6c0 12-9.4 21.4-21.4 21.4s-21.3-9.5-21.3-21.4V208.1h5a35.3 35.3 0 0 0 37.7-3.4v4.7a74.4 74.4 0 0 0 0 100.8zm82-18.2l-43.3-43.3l-9.2 9.2l38.8 38.9c-2.3.5-4.7.8-7 1l-35.9-35.8l-9.2 9.2l25.4 25.5a61.7 61.7 0 0 1-37.8-94.7l85.7 85.7a62 62 0 0 1-7.5 4.3"/></g></svg>
How to use the It 57 icon
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:it-57" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:it-57" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:it-57" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--it-57]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:it-57"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:it-57"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/circle-flags/it-57.svg" alt="It 57 icon" width="24" height="24">
Related icons in Circle Flags
It 57 icon FAQ
Is the It 57 icon free for commercial use?
Yes. Circle Flags icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the It 57 icon in React?
Install @iconify/react and render <Icon icon="circle-flags:it-57" />, or use “Copy code” on this page to get a standalone React component.
How do I add the It 57 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/circle-flags/it-57.svg" alt="It 57 icon">, or paste the SVG code inline to style it with CSS.
Browse all Circle Flags icons →
ICONYZ
