Ca アイコン
cif:ca
Ca アイコン(cif:ca)は、CoreUI Flags セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 301 × 151 のグリッドで描かれています。 CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Flags
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 301 × 151
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="301" height="151" viewBox="0 0 301 151"><g fill="none"><path fill="red" d="M.5.5h300v150H.5z"/><path fill="#FFF" d="M75.5.5h150v150h-150z"/><path fill="red" d="M150.498 14.562L140.264 33.65c-1.161 2.074-3.242 1.882-5.323.723l-7.409-3.837l5.522 29.318c1.161 5.356-2.564 5.356-4.403 3.04l-12.93-14.475l-2.099 7.351c-.242.965-1.307 1.979-2.903 1.738L94.368 54.07l4.295 15.613c.919 3.474 1.637 4.912-.928 5.829l-5.828 2.739l28.146 22.862c1.114.865 1.677 2.42 1.281 3.829l-2.464 8.084c9.691-1.117 18.375-2.798 28.071-3.833c.856-.091 2.289 1.321 2.283 2.313l-1.284 29.617h4.712l-.742-29.554c-.006-.992 1.294-2.468 2.15-2.377c9.696 1.035 18.38 2.716 28.071 3.833l-2.464-8.084c-.396-1.409.166-2.964 1.281-3.829l28.146-22.863l-5.828-2.739c-2.565-.916-1.847-2.355-.928-5.829l4.295-15.613l-16.351 3.438c-1.597.241-2.661-.772-2.903-1.738l-2.099-7.351l-12.93 14.476c-1.839 2.316-5.565 2.316-4.403-3.04l5.522-29.318l-7.409 3.837c-2.081 1.159-4.161 1.351-5.323-.723"/></g></svg>Ca アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cif:ca" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cif:ca" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cif:ca" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cif--ca]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cif -->
<div class="i-cif:ca"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cif:ca"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cif/ca.svg" alt="Ca アイコン" width="24" height="24">他のアイコンセットの Ca アイコン
Ca アイコン のよくある質問
Ca アイコンは商用利用でも無料ですか?
はい。CoreUI Flags icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ca アイコンを使うには?
@iconify/react をインストールして <Icon icon="cif:ca" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ca アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cif/ca.svg" alt="Ca アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。