Lang La アイコン
circle-flags:lang-la
Lang La アイコン(circle-flags:lang-la)は、Circle Flags セットの無料 SVG アイコンです（作者: HatScripts）。 512 × 512 のグリッドで描かれています。 Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Circle Flags
- 作者
- HatScripts
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- langla
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#d80027" d="M0 0h512v512H0Z"/><path fill="#ffda44" d="M192 112a16 16 0 0 0-8 2c-17 9-33 20-45 34c-8-22-24-26-24-26s-14 13-7 35c2 9 6 15 10 19q-12 21-18 45c-17-15-33-10-33-10s-6 17 11 34c6 6 13 9 18 11c0 17 3 33 7 48c-22-5-33 7-33 7s4 18 26 24c9 3 16 2 21 1c9 14 19 27 31 38c-22 6-26 23-26 23s13 14 35 7c9-2 15-6 19-10a159 159 0 0 0 160 0c4 4 10 8 19 10c22 7 35-7 35-7s-4-17-26-23c12-11 22-24 31-38c5 1 12 2 21-1c22-6 26-24 26-24s-11-12-33-7c4-15 7-31 7-48c5-2 12-5 18-11c17-17 11-34 11-34s-16-5-33 10q-6-24-18-45c4-4 8-10 10-19c7-22-7-35-7-35s-16 4-24 26c-12-14-28-25-45-34a16 16 0 0 0-8-2a16 16 0 0 0-13 9a16 16 0 0 0 7 21c13 7 24 16 34 26c-23 1-31 16-31 16s8 16 32 16c8 0 15-2 19-5c6 10 10 20 12 31c-20-11-35-2-35-2s-1 18 19 30c8 4 14 6 20 6c0 11-2 23-5 33l-1-1c-11-20-30-19-30-19s-9 15 3 36c4 7 9 12 14 14c-6 9-12 18-20 25c-1-23-17-31-17-31s-16 8-16 32c0 8 3 15 5 19a126 126 0 0 1-122 0c3-4 5-11 5-19c0-24-16-32-16-32s-16 8-17 31c-7-7-14-16-20-25c5-2 10-7 14-14c12-21 3-36 3-36s-19-1-30 19v1c-4-10-6-22-6-33c6 0 12-2 20-6c20-12 19-30 19-30s-15-9-35 2c2-11 6-21 12-31c4 3 11 5 19 5c24 0 32-16 32-16s-8-15-31-16c10-10 21-19 34-26a16 16 0 0 0 7-21a16 16 0 0 0-13-9"/></g></svg>
Lang La アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:lang-la" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:lang-la" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:lang-la" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--lang-la]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:lang-la"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:lang-la"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/circle-flags/lang-la.svg" alt="Lang La アイコン" width="24" height="24">
Lang La アイコン のよくある質問
Lang La アイコンは商用利用でも無料ですか?
はい。Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Lang La アイコンを使うには?
@iconify/react をインストールして <Icon icon="circle-flags:lang-la" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lang La アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/circle-flags/lang-la.svg" alt="Lang La アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Circle Flags アイコン をすべて見る →
ICONYZ
