ICONYZ
日本語
Custom Brand Icons の Ikea Kallax16 アイコン

Ikea Kallax16 アイコン

cbi:ikea-kallax16

Ikea Kallax16 アイコン(cbi:ikea-kallax16)は、Custom Brand Icons セットの無料 SVG アイコンです(作者: Emanuele & rchiileea)。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Custom Brand Icons
作者
Emanuele & rchiileea
ライセンス
CC-BY-NC-SA-4.0
サイズ
24 × 24
タグ
ikeakallax16
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.462 2.944v-.019l-3.349-.306V2.61l-3.258-.292v-.019L6.483 2l-2.199.579V19.69l3.919.648l3.255.544l.009-.008l3.341.567l3.256.559l1.608-1.346l.044-8.662V3.245Zm-8.92 16.943l-2.838-.467l.037-3.87h.105l-.006 3.784l2.7.439Zm0-1.57l-1.113-.191l.043-2.354v-.1l1.07.142Zm0-2.836l-2.838-.333l.037-3.828l.105.01l-.006 3.732l2.7.323Zm0-3.775v2.781l-1.07-.095v-2.916l1.07.1Zm0-.479l-2.839-.219v-.129l.036-3.74h.105l-.006 3.705v.043l2.7.221Zm0-1.227l-1.113-.1l.043-2.54v-.221l1.07.05Zm0-3.079l-2.838-.184l.037-3.869h.105l-.007 3.783l2.7.179Zm0-.905l-1.07-.036V3.06l1.07.085Zm2.314-2.625l1.036.084v2.904l-1.036-.036Zm0 3.745l1.036.069v.093L9.856 7.23Zm0 .382l1.036.05v2.851l-1.036-.094Zm0 3.936l1.04.086v.121l-1.041-.082Zm0 .462l1.043.1v2.951l-1.058-.1Zm-.02 3.831l1.063.129v.1l-1.064-.127Zm0 .422l1.065.143v2.538l-1.088-.187Zm-1.152 3.789l2.217.366v.115L8.57 20.05Zm5.475 1.018l-2.325-.393l.115-.093l2.21.369Zm0-1.611l-1.08-.19l.015-2.523l1.065.145Zm0-2.911l-1.064-.128v-.1l1.063.131Zm0-3.874v2.852l-1.06-.1l.017-2.99l1.043.1Zm0-.492l-1.05-.08v-.13l1.04.088Zm0-1.259l-1.036-.095V7.893l1.036.051Zm0-3.161L13.123 7.6v-.091l1.036.071Zm0-.928l-1.046-.031V3.71l1.036.085Zm2.314-2.694l1.266.1V7.12l-1.266-.045Zm0 8.275l1.27.108v.122l-1.27-.1Zm0 .474l1.272.119v3.028l-1.288-.118Zm-.021 3.932l1.294.161l.009.1l-1.3-.159Zm0 .433l1.3.179v2.613l-1.308-.234Zm-1.267 3.984l.115-.1l2.46.417l.01.12Zm1.3-9.981V8.282l1.266.062l.024 2.938Zm1.285-3.091l-1.285-.087v-.1l1.29.089Z"/></svg>

Ikea Kallax16 アイコンの使い方

React

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

<Icon icon="cbi:ikea-kallax16" width="24" />

Vue

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

<template>
  <Icon icon="cbi:ikea-kallax16" width="24" />
</template>

Svelte

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

<Icon icon="cbi:ikea-kallax16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ikea-kallax16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ikea-kallax16"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:ikea-kallax16"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/ikea-kallax16.svg" alt="Ikea Kallax16 アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Ikea Kallax16 アイコン のよくある質問

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

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

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

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

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

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

Custom Brand Icons をすべて見る →