Kaaba Filled アイコン
reicon:kaaba-filled
Kaaba Filled アイコン(reicon:kaaba-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.434 1.292a3.8 3.8 0 0 1 1.132 0c.425.065.828.225 1.41.457L19.88 4.1c.79.314 1.367.543 1.804.939c.384.348.68.784.861 1.27c.207.553.207 1.173.206 2.024v1.29c0 .118 0 .178-.025.215a.15.15 0 0 1-.094.064c-.044.01-.1-.013-.21-.056L13.978 6.48c-.583-.233-.987-.394-1.411-.459a3.8 3.8 0 0 0-1.133 0c-.425.065-.829.226-1.412.459L1.58 9.844c-.11.044-.165.066-.21.057a.15.15 0 0 1-.094-.064C1.25 9.8 1.25 9.74 1.25 9.622v-1.29c0-.851 0-1.471.206-2.024a3.25 3.25 0 0 1 .861-1.27c.438-.396 1.014-.625 1.805-.94l5.902-2.349c.583-.232.986-.392 1.41-.457"/><path fill-rule="evenodd" d="M1.401 11.53a.3.3 0 0 0-.102.05a.15.15 0 0 0-.04.06c-.009.025-.009.054-.009.113v1.368c0 .119 0 .178.025.216a.15.15 0 0 0 .094.064c.045.01.1-.013.21-.057l2.366-.945a.75.75 0 1 1 .555 1.393L1.401 15.03a.3.3 0 0 0-.102.05a.15.15 0 0 0-.04.06a.3.3 0 0 0-.009.113v.415c0 .851 0 1.471.206 2.024c.181.486.477.922.861 1.27c.438.396 1.014.625 1.805.94l5.902 2.349c.583.232.986.392 1.41.457c.375.058.757.058 1.132 0c.425-.065.828-.225 1.41-.457l5.903-2.35c.79-.314 1.367-.543 1.804-.939a3.25 3.25 0 0 0 .861-1.27c.207-.553.207-1.173.206-2.024v-.415c0-.059 0-.088-.01-.114a.15.15 0 0 0-.04-.058a.3.3 0 0 0-.101-.051L19.5 13.792a.75.75 0 1 1 .555-1.393c.789.314 1.578.632 2.366.945c.11.044.166.066.21.057a.15.15 0 0 0 .094-.064c.025-.038.025-.097.025-.216v-1.368c0-.059 0-.088-.01-.114a.15.15 0 0 0-.04-.058a.3.3 0 0 0-.101-.051l-9.1-3.625c-.688-.275-.925-.364-1.159-.4a2.3 2.3 0 0 0-.68 0c-.234.036-.47.125-1.159.4zm11.431-.392a2.25 2.25 0 0 0-1.664 0l-2.223.885a.75.75 0 1 1-.554-1.394l2.222-.884a3.75 3.75 0 0 1 2.774 0l2.222.884a.75.75 0 1 1-.554 1.394z" clip-rule="evenodd"/></g></svg>Kaaba Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:kaaba-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:kaaba-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:kaaba-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--kaaba-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:kaaba-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:kaaba-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/kaaba-filled.svg" alt="Kaaba Filled アイコン" width="24" height="24">Reicon の関連アイコン
Kaaba Filled アイコン のよくある質問
Kaaba Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kaaba Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:kaaba-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kaaba Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/kaaba-filled.svg" alt="Kaaba Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。