Ikea Hogvind アイコン

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

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

cbi:ikea-hogvind

Ikea Hogvind アイコン(cbi:ikea-hogvind)は、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
タグ: ikeahogvind

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.075 7.7c0-2.728-1.33-3.518-2.692-4.092l-.205-.089a.99.99 0 0 0-.824-.124a16.6 16.6 0 0 1-4.348.63a11.6 11.6 0 0 1-4.28-.585a1.3 1.3 0 0 0-.5-.111a1.5 1.5 0 0 0-.432.083l-.02.006a3.6 3.6 0 0 0-2.062 1.727a6.54 6.54 0 0 0-.8 3.052v3.015A3.72 3.72 0 0 0 5.099 13.9a7.75 7.75 0 0 0 2.945 1.734a10.6 10.6 0 0 0 3.362.588l1.153.015A10.3 10.3 0 0 0 17.462 15a4.69 4.69 0 0 0 2.626-4.152Zm-2.766 7.034a9.96 9.96 0 0 1-4.744 1.192l-1.153-.016a9.32 9.32 0 0 1-6.09-2.232a3.42 3.42 0 0 1-1.1-2.464v-3.01c.077-2.274 1.111-4.036 2.642-4.49l.02-.006a.88.88 0 0 1 .728.019a11.9 11.9 0 0 0 4.394.607a16.7 16.7 0 0 0 4.441-.645c.201-.063.266-.037.606.113l.211.09c1.319.557 2.5 1.267 2.5 3.809l.015 3.149a4.45 4.45 0 0 1-2.47 3.885Zm-.59-12.021c0-.373-2.081-.713-4.679-.713s-4.786.333-4.786.706a10.86 10.86 0 0 0 4.745.822a12.6 12.6 0 0 0 4.72-.815m-8.968.662a11.6 11.6 0 0 0 4.254.581a17.7 17.7 0 0 0 3.69-.45c.331-.1.652-.2.957-.324V2.86a12.4 12.4 0 0 1-4.757.783a12.8 12.8 0 0 1-4.733-.783v.322q.086.042.173.081a1.6 1.6 0 0 1 .416.112m4.812 12.93l-1.15-.015a10.7 10.7 0 0 1-3.327-.572v4.971c.048.389.6.7 1.349.932a11 11 0 0 0 2.339.379h.468a9.4 9.4 0 0 0 1.917-.248a2.98 2.98 0 0 0 1.605-1.14a.36.36 0 0 0 .081-.23c.015-1.468-.007-3.87-.014-4.6a10.8 10.8 0 0 1-3.266.523M12 15.451a6.7 6.7 0 0 1-3.916-.891c.084.176.327.534.257.768a10.3 10.3 0 0 0 3.071.512l1.151.016a10.4 10.4 0 0 0 3.099-.488a1.17 1.17 0 0 1 .25-.808a6.8 6.8 0 0 1-3.913.891m.008-11.046a14 14 0 0 1-3.6-.345a10 10 0 0 1-.469-.155v10.376a8.46 8.46 0 0 0 4.033.955a8.8 8.8 0 0 0 4.089-.955c0-3.4.089-7.029.089-10.429v-.025l-.266.1a17.8 17.8 0 0 1-3.876.478"/></svg>

Ikea Hogvind アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Custom Brand Icons の関連アイコン

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

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

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

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

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

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

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

Custom Brand Icons をすべて見る →