ICONYZ
Bahasa Indonesia
Ikon Es dari Flagpack

Ikon Es

flagpack:es

Ikon Es (flagpack:es) adalah ikon SVG gratis dari set Flagpack karya Yummygum. Ikon ini digambar pada grid 32 × 24. Flagpack icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Flagpack
Pembuat
Yummygum
Lisensi
MIT
Ukuran
32 × 24
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><path fill="#ffb400" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/><mask id="SVGcFaS5cXn" width="32" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M0 0v24h32V0z" clip-rule="evenodd"/></mask><g mask="url(#SVGcFaS5cXn)"><path fill="#c51918" fill-rule="evenodd" d="M0 0v6h32V0zm0 18v6h32v-6z" clip-rule="evenodd"/><path fill="#f1f9ff" d="M5.008 10.272h1.12v5.824h-1.12z"/><path fill="#c88a02" fill-rule="evenodd" d="M6.576 9.264H4.56v.56h.336v.448H6.24v-.448h.336zm-.336 7.168h.336v.56H4.56v-.56h.336v-.448H6.24z" clip-rule="evenodd"/><path fill="#ad1619" fill-rule="evenodd" d="M5.568 9.376c.244 0 .269-.092.412-.229c.112-.106.372-.238.372-.387c0-.34-.351-.616-.784-.616s-.784.276-.784.616c0 .166.18.276.315.387c.142.117.247.229.47.229" clip-rule="evenodd"/><path fill="#005bbf" fill-rule="evenodd" d="M4.56 16.992h2.016v.896s-.252-.112-.504-.112s-.504.112-.504.112s-.252-.112-.504-.112s-.504.112-.504.112z" clip-rule="evenodd"/><mask id="SVGdZxBKdRK" width="3" height="2" x="4" y="16" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M4.56 16.992h2.016v.896s-.252-.112-.504-.112s-.504.112-.504.112s-.252-.112-.504-.112s-.504.112-.504.112z" clip-rule="evenodd"/></mask><g fill="#fff" mask="url(#SVGdZxBKdRK)"><path d="m4.542 17.712l-.044-.107q.272-.122.546-.122c.118 0 .18.017.284.063a.5.5 0 0 0 .24.054a.5.5 0 0 0 .24-.054a.6.6 0 0 1 .285-.063q.273 0 .546.122l-.044.107a1.2 1.2 0 0 0-.502-.112a.5.5 0 0 0-.24.054a.6.6 0 0 1-.285.063a.6.6 0 0 1-.284-.063a.5.5 0 0 0-.24-.054q-.25 0-.502.112m0-.336l-.044-.107q.272-.122.546-.122c.118 0 .18.017.284.063a.5.5 0 0 0 .24.054a.5.5 0 0 0 .24-.054a.6.6 0 0 1 .285-.063q.273 0 .546.122l-.044.107a1.2 1.2 0 0 0-.502-.112a.5.5 0 0 0-.24.054a.6.6 0 0 1-.285.063a.6.6 0 0 1-.284-.063a.5.5 0 0 0-.24-.054q-.25 0-.502.112"/></g><path fill="#f1f9ff" d="M15.984 10.272h1.12v5.824h-1.12z"/><path fill="#c88a02" fill-rule="evenodd" d="M17.552 9.264h-2.016v.56h.336v.448h1.344v-.448h.336zm-.336 7.168h.336v.56h-2.016v-.56h.336v-.448h1.344z" clip-rule="evenodd"/><path fill="#ad1619" fill-rule="evenodd" d="M16.544 9.376c.244 0 .268-.092.412-.229c.112-.106.372-.238.372-.387c0-.34-.351-.616-.784-.616s-.784.276-.784.616c0 .166.18.276.315.387c.142.117.247.229.469.229" clip-rule="evenodd"/><path fill="#005bbf" fill-rule="evenodd" d="M15.536 16.992h2.016v.896s-.252-.112-.504-.112s-.504.112-.504.112s-.252-.112-.504-.112s-.504.112-.504.112z" clip-rule="evenodd"/><mask id="SVGyG4YCd5H" width="3" height="2" x="15" y="16" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M15.536 16.992h2.016v.896s-.252-.112-.504-.112s-.504.112-.504.112s-.252-.112-.504-.112s-.504.112-.504.112z" clip-rule="evenodd"/></mask><g fill="#fff" mask="url(#SVGyG4YCd5H)"><path d="m15.518 17.712l-.044-.107q.272-.122.546-.122c.118 0 .18.017.284.063a.5.5 0 0 0 .24.054a.5.5 0 0 0 .24-.054a.6.6 0 0 1 .285-.063q.273 0 .546.122l-.044.107a1.2 1.2 0 0 0-.502-.112a.5.5 0 0 0-.24.054a.6.6 0 0 1-.285.063a.6.6 0 0 1-.284-.063a.5.5 0 0 0-.24-.054q-.25 0-.502.112m0-.336l-.044-.107q.272-.122.546-.122c.118 0 .18.017.284.063a.5.5 0 0 0 .24.054a.5.5 0 0 0 .24-.054a.6.6 0 0 1 .285-.063q.273 0 .546.122l-.044.107a1.2 1.2 0 0 0-.502-.112a.5.5 0 0 0-.24.054a.6.6 0 0 1-.285.063a.6.6 0 0 1-.284-.063a.5.5 0 0 0-.24-.054q-.25 0-.502.112"/></g><path fill="#ad1619" fill-rule="evenodd" d="M4.988 15.68c.202-.245.315-.468.315-.704a.63.63 0 0 0-.122-.383l.013-.006c-.001 0 .221-.097.299-.134a2.6 2.6 0 0 0 .395-.232c.079-.058.185-.12.346-.207l.152-.08l.041-.023c.078-.041.137-.073.191-.105c.17-.098.281-.18.367-.288a.535.535 0 0 0-.124-.798c-.139-.095-.326-.149-.601-.192l-.057-.008l-.69-.11c.688-.115 1.671-.073 2.104.15l.41-.796c-.88-.455-2.889-.409-3.639.108c-.55.379-.476.952.096 1.198c.24.103.551.172 1.128.264a3 3 0 0 0-.251.162a1.6 1.6 0 0 1-.255.15l-.25.111l-.033.014c-.466.212-.693.505-.625 1.035l.037.287l.065.02zm-.576-.74l-.002.003zm12.294.036c0 .236.113.46.315.704l.688-.567l.065-.02l.037-.287c.067-.53-.159-.823-.625-1.035l-.032-.014c-.064-.028-.204-.09-.25-.112a1.6 1.6 0 0 1-.256-.149a3 3 0 0 0-.252-.162c.577-.092.89-.16 1.128-.264c.573-.246.647-.82.096-1.198c-.75-.517-2.758-.563-3.64-.108l.412.796c.433-.223 1.416-.265 2.104-.15q-.156.027-.354.057l-.336.053l-.057.008c-.275.043-.463.098-.601.192a.535.535 0 0 0-.124.798c.086.109.198.19.367.288c.054.032.112.064.19.105l.042.022l.152.08c.161.088.267.15.346.208c.124.09.25.163.395.232c.078.037.3.134.299.134l.013.006a.63.63 0 0 0-.122.383" clip-rule="evenodd"/><path fill="#f1f9ff" d="m5.923 12.4l.331.068v.493c-.352.281-1.246.755-1.246.755V12.4zm10.392 0l-.331.068v.493c.352.281 1.246.755 1.246.755V12.4z"/><path fill="#ad1619" fill-rule="evenodd" d="M14.776 7.206v-.164q-.864-.62-1.81-.62a3.6 3.6 0 0 0-1.835-.312v-.003c-.93-.09-1.869.315-1.869.315c-.946 0-1.81.62-1.81.62v.164l1.13 1.134s.318 1.092 2.545.836v.003s1.474-.04 1.577-.075l.128-.039c.289-.084.618-.18.814-.725zm-3.65-1.045c-.032.377-.215 2.654 0 3.007z" clip-rule="evenodd"/><path fill="#c88a02" fill-rule="evenodd" d="M8.314 8.15v-.004l-.794-.748l.077-.081l.745.701l.02-.087a1 1 0 0 0 .262.03V7.81l.166.09q.122.068.35.03c.114-.018.19-.149.214-.427l.05-.563l.169.54c.076.243.192.35.358.35c.161 0 .226-.058.233-.208l.02-.423l.192.378c.069.136.164.198.3.198c.193 0 .322-.161.322-.414h.228c0 .253.129.414.322.414c.136 0 .23-.062.3-.198l.191-.378l.02.423c.008.15.073.209.234.209c.166 0 .282-.108.358-.352l.168-.54l.05.564c.025.278.101.41.214.428q.23.036.351-.031l.165-.09v.152a1 1 0 0 0 .264-.03l.035.163l.825-.777l.077.081l-1.027.967c-.15.276-.226.458-.226.534c0 .115-.3.184-.886.254c-.46.055-1.001.092-1.445.098h-.112a14 14 0 0 1-1.445-.098c-.586-.07-.887-.139-.887-.254a.2.2 0 0 0-.008-.054a.9.9 0 0 1-.128-.31l-.089-.17l-.228-.214zm5.505.018c-.183.032-.316.029-.386-.028a.9.9 0 0 1-.386.01c-.157-.025-.267-.13-.333-.303a.5.5 0 0 1-.325.2c.717.1 1.219.244 1.219.244s-.012.106-.042.23q.048-.097.113-.217l.01-.014zm-1.768-.164a.36.36 0 0 1-.148-.134a.5.5 0 0 1-.182.103q.17.013.33.03m-.725-.053a.5.5 0 0 1-.214-.188a.5.5 0 0 1-.212.187l.154-.003h.09q.092 0 .182.004m-2.704.33l-.104-.097q.189.02.273-.044q.165.048.386.01c.157-.025.267-.13.332-.303a.5.5 0 0 0 .314.197c-.618.087-1.079.205-1.2.238m1.876-.31q-.164.012-.318.029a.36.36 0 0 0 .14-.13q.08.07.178.101m2.755.93c.079.037.141 0 .191-.07l-.008.053l-.03.015a1 1 0 0 1-.166.048a6 6 0 0 1-.592.095c-.475.057-1.04.095-1.488.097a14 14 0 0 1-1.488-.097a6 6 0 0 1-.592-.095a1 1 0 0 1-.147-.04l.012-.006c.245-.114 1.863-.222 2.154-.24c.291.018 1.91.126 2.154.24m.308-.02v.001z" clip-rule="evenodd"/><path fill="#005bbf" fill-rule="evenodd" d="M11.112 5.347a.336.336 0 1 0 0-.672a.336.336 0 0 0 0 .672" clip-rule="evenodd"/><path fill="#c88a02" fill-rule="evenodd" d="M10.894 6.997a.4.4 0 0 0 .032.102a.4.4 0 0 0-.15-.027c-.155 0-.28.076-.28.168s.125.168.28.168s.28-.075.28-.168c0 .093.126.168.28.168s.28-.075.28-.168c0-.092-.125-.168-.28-.168a.5.5 0 0 0-.11.014a.4.4 0 0 0-.002-.153c-.03-.152-.128-.26-.219-.243c-.09.018-.14.155-.111.307m.162.243v-.005zm-1.81-.03a.5.5 0 0 1-.032-.101c-.03-.152.02-.29.111-.307s.19.09.219.243q.014.083.002.153a.5.5 0 0 1 .11-.014c.155 0 .28.076.28.168s-.125.168-.28.168s-.28-.075-.28-.168v-.005v.005c0 .093-.125.168-.28.168s-.28-.075-.28-.168c0-.092.125-.168.28-.168q.084 0 .15.027m3.508.103c-.013.092-.147.149-.3.127c-.154-.021-.267-.113-.255-.205s.148-.149.301-.127a.4.4 0 0 1 .145.046a.4.4 0 0 1-.018-.105c-.008-.154.06-.283.153-.288s.175.116.183.27a.4.4 0 0 1-.019.153a.5.5 0 0 1 .11.002c.154.021.268.113.255.205s-.148.149-.301.127s-.267-.113-.254-.205m0 0v-.005zm1.066.444c.137.073.283.065.326-.017l.003-.004a.1.1 0 0 0 .047.03c.09.027.198-.07.243-.219c.045-.148.01-.29-.079-.317s-.197.071-.242.219a.5.5 0 0 0-.02.105a.4.4 0 0 0-.12-.093c-.136-.073-.282-.065-.326.016c-.043.082.032.208.168.28m-5.495.035c-.137.072-.283.065-.326-.017l-.002-.005a.1.1 0 0 1-.048.03c-.089.027-.197-.07-.243-.218s-.01-.29.08-.317c.088-.027.197.07.242.218a.5.5 0 0 1 .019.105a.4.4 0 0 1 .12-.093c.137-.073.283-.065.326.017s-.032.207-.168.28m2.662-3.716h.233v.147h.153v.233h-.153v.467h.153v.233h-.541v-.233h.155v-.467h-.155v-.233h.155z" clip-rule="evenodd"/><path fill="#c88a02" d="M10.944 5.344h.448V6.8h-.448z"/><path fill="#fff" d="M9.14 5.588V5.7c-.993-.018-1.563.127-1.708.416q-.225.447.088 1.093l-.1.05q-.337-.693-.088-1.193c.172-.343.775-.496 1.81-.478"/><path fill="#fff" d="m9.333 6.581l-.058.096c-.216-.129-.324-.35-.324-.653c0-.437.225-.692.722-.868q.476-.166 1.302.134l-.038.105q-.793-.286-1.227-.133c-.456.16-.647.378-.647.762q0 .398.27.557"/><path fill="#c88a02" d="m7.66 7.037l-.211.075c-.22-.625-.157-1.049.218-1.232q.494-.24 1.446-.2l-.01.223q-.9-.035-1.338.179c-.246.12-.291.425-.105.955"/><path fill="#c88a02" d="M10.13 5.439c-.513 0-.723.124-.843.493c-.077.234-.003.435.238.622l-.137.177c-.312-.242-.422-.539-.314-.869c.153-.47.453-.647 1.055-.647q.594-.001.916.314l.034.033v1.08h-.224v-.984q-.25-.219-.726-.22"/><path fill="#fff" d="m13.05 5.7l.001.112c.993-.018 1.563.127 1.707.416q.226.448-.087 1.093l.1.05q.336-.692.088-1.193c-.172-.343-.775-.496-1.81-.478"/><path fill="#fff" d="m12.698 6.604l.058.096c.216-.129.324-.35.324-.653c0-.436-.225-.692-.722-.867q-.475-.167-1.302.133l.038.106q.795-.287 1.227-.134c.456.16.647.379.647.762c0 .267-.09.45-.27.557"/><path fill="#c88a02" d="m14.6 7.15l.21.074c.22-.625.157-1.049-.217-1.232q-.495-.24-1.446-.2l.009.223q.901-.035 1.338.179c.247.12.292.425.105.955"/><path fill="#c88a02" d="M12.117 5.456c.513 0 .723.125.843.493c.077.235.002.435-.239.622l.138.177c.312-.242.422-.539.314-.868c-.153-.47-.454-.648-1.056-.648q-.593 0-.916.315l-.033.033v1.08h.224v-.985q.25-.218.725-.219"/><path fill="#e1e5e8" fill-rule="evenodd" d="M7.472 9.264h7.28v6.54S14.212 18 11.112 18s-3.64-2.253-3.64-2.253z" clip-rule="evenodd" opacity=".3"/><mask id="SVGuLVvmeTV" width="8" height="9" x="7" y="9" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M7.472 9.264h7.28v6.54S14.212 18 11.112 18s-3.64-2.253-3.64-2.253z" clip-rule="evenodd"/></mask><g mask="url(#SVGuLVvmeTV)"><path fill="#ffc034" d="M7.472 13.296h3.696v4.368H7.472z"/><path fill="#ad1619" d="M7.92 13.52h.448v4.144H7.92zm1.568 0h.448v4.144h-.448zm-.784 0h.448v4.144h-.448zm1.568 0h.448v4.144h-.448zm-2.8-4.368h3.696v4.256H7.472z"/><path fill="#ad1619" d="M11.056 13.184h3.696v4.256h-3.696z"/><path fill="#f1f9ff" d="M11.056 9.264h3.92v4.144h-3.92z"/><path fill="#c88a02" fill-rule="evenodd" d="M9.04 9.6h.336v.93H9.6v-.465h.336v.464h.336v.58h-.336v1.046h.336v.581H8.256v-.58h.336V11.11h-.336v-.58h.224v-.465h.336v.464h.224z" clip-rule="evenodd"/><path fill="#c88a02" d="m12.979 9.795l.23-.245l.48.45l-.229.245z"/><path fill="#ffc034" fill-rule="evenodd" d="M14.36 16.14v-2.452h-2.8v2.432l.005.018c.141.604.624.91 1.395.91c.77 0 1.253-.298 1.395-.888zm-1.4.572c-.619 0-.957-.208-1.064-.632v-2.056h2.128v2.075c-.107.41-.445.613-1.064.613" clip-rule="evenodd"/><path fill="#ffc034" fill-rule="evenodd" d="M13.076 13.893h-.234v1.112l-.92-1l-.164.15l.831.906h-.753v.335h.772l-.85.925l.165.152l.92-1v1.299h.233v-1.183l.812.884l.165-.152l-.85-.925h.949v-.336h-.931l.832-.904l-.165-.152l-.812.884z" clip-rule="evenodd"/><path fill="#f1f9ff" fill-rule="evenodd" d="M13.483 17.443s-2.372.186-2.372-1.344c0 0-.023 1.344-2.5 1.344v1.207h4.872z" clip-rule="evenodd"/><path fill="#005bbf" fill-rule="evenodd" stroke="#ad1619" stroke-width="1.167" d="M11.112 14.192c.464 0 .84-.401.84-.896s-.376-.896-.84-.896s-.84.401-.84.896s.376.896.84.896Z" clip-rule="evenodd"/></g></g></g></svg>

Cara memakai ikon Es

React

import { Icon } from "@iconify/react";

<Icon icon="flagpack:es" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="flagpack:es" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="flagpack:es" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--es]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:es"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="flagpack:es"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/flagpack/es.svg" alt="Ikon Es" width="24" height="24">

Ikon Es di set ikon lain

FAQ Ikon Es

Apakah ikon Es gratis untuk penggunaan komersial?

Ya. Flagpack icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Es di React?

Pasang @iconify/react lalu render <Icon icon="flagpack:es" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Es ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flagpack/es.svg" alt="Ikon Es">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Flagpack →