ICONYZ
日本語
Circle Flags の Cv アイコン

Cv アイコン

circle-flags:cv

Cv アイコン(circle-flags:cv)は、Circle Flags セットの無料 SVG アイコンです(作者: HatScripts)。 512 × 512 のグリッドで描かれています。 Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Circle Flags
作者
HatScripts
ライセンス
MIT
サイズ
512 × 512
SVG をダウンロード

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="#0052b4" d="M0 0h512v256.2l-41.9 64.3l41.9 63.7V512H0V384.2L41.3 320L0 256.2z"/><path fill="#eee" d="M0 256.2h512v42.9l-15.7 21.6l15.7 21v42.5H0v-42.5l15.1-21.5L0 299z"/><path fill="#d80027" d="M0 299.1h512v42.6H0z"/><path fill="#ffda44" d="m182.8 190.4l5.2 16.4h17.1l-13.8 10l5.3 16.3l-13.8-10l-14 10l5.4-16.3l-13.9-10h17.1zm0 213.3L188 420h17.1l-13.8 10l5.3 16.2l-13.8-10l-14 10L174 430l-14-10h17.2zm-99.2-72.1l5.2 16.2h17.1L92.1 358l5.2 16.2l-13.7-10l-14 10L75 358l-14-10.1h17.2zm37.9-119.8l5 16h17.2l-13.8 10.3l5.2 16.2l-13.7-10l-14 10l5.4-16.3l-14-10.1H116zm-60.4 67h17l5.5-16.2l5.2 16.2h17.1L92.1 289l5.2 16.4L83.6 295l-14 10.3l5.4-16.4zm46.5 143l5.3-16.2L99 395.4h17.1l5.4-16.2l5.2 16.3h17.1L130 405.6l5.3 16.2l-13.8-10zM282 331.6l-5.4 16.2h-17l13.8 10.2l-5.3 16.2l13.9-10l13.8 10l-5.2-16.3l13.7-10.1h-17zm-38-119.8l-5.3 16.2h-17.1l14 10.2l-5.4 16.2l13.9-10l13.8 10l-5.3-16.3l13.8-10.1h-17zm60.3 67h-17l-5.3-16.2l-5.4 16.2h-17l13.8 10.1l-5.3 16.4L282 295l13.8 10.3l-5.2-16.4zm-46.4 143l-5.3-16.2l13.8-10.2h-17l-5.3-16.2l-5.4 16.3h-17.1l14 10.1l-5.4 16.2l13.9-10z"/></g></svg>

Cv アイコンの使い方

React

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

<Icon icon="circle-flags:cv" width="24" />

Vue

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

<template>
  <Icon icon="circle-flags:cv" width="24" />
</template>

Svelte

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

<Icon icon="circle-flags:cv" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--cv]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:cv"></div>

Web コンポーネント

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

<iconify-icon icon="circle-flags:cv"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/circle-flags/cv.svg" alt="Cv アイコン" width="24" height="24">

他のアイコンセットの Cv アイコン

Cv アイコン のよくある質問

Cv アイコンは商用利用でも無料ですか?

はい。Circle Flags icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Cv アイコンを使うには?

@iconify/react をインストールして <Icon icon="circle-flags:cv" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Cv アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/circle-flags/cv.svg" alt="Cv アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Circle Flags アイコン をすべて見る →