Kik アイコン
cib:kik
Kik アイコン(cib:kik)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M15.307 22.339a1.657 1.657 0 0 1-1.651 1.651A1.65 1.65 0 0 1 12 22.355h-.021v-8.328H12v-.037c0-.921.74-1.677 1.651-1.677c.907 0 1.647.756 1.647 1.677v.063h.02v8.303h-.02zm14.849-6.522c1 0 1.844.823 1.844 1.833c0 1.016-.844 1.833-1.844 1.833a1.85 1.85 0 0 1-1.859-1.839c0-1.02.823-1.839 1.839-1.839zm-2.776 5.584c.161.255.256.572.256.911c0 .939-.735 1.683-1.657 1.683a1.66 1.66 0 0 1-1.443-.844l-2.733-3.661l-.844.781v2.183h-.016a1.644 1.644 0 0 1-1.636 1.557c-.895 0-1.624-.74-1.624-1.651v-.037h-.027V9.724h.037v-.063c0-.916.733-1.672 1.64-1.672c.901 0 1.636.751 1.636 1.672v.093h.02l.016 6.131l3.077-3.016a1.65 1.65 0 0 1 1.24-.541c.917 0 1.661.76 1.661 1.683c0 .463-.177.859-.457 1.161l.015.021l-2.161 2.14l3.041 4.079l-.02.02zm-17.661 0c.161.255.26.572.26.911c0 .939-.739 1.683-1.661 1.683c-.62 0-1.161-.344-1.437-.844l-2.74-3.661l-.837.781v2.177h-.021a1.64 1.64 0 0 1-1.631 1.557a1.64 1.64 0 0 1-1.629-1.651v-.037H.002V9.718h.041c-.005-.021-.005-.036-.005-.057c0-.921.735-1.672 1.641-1.672c.901 0 1.629.751 1.629 1.667v.093h.021l.016 6.136l3.083-3.016a1.66 1.66 0 0 1 1.24-.541c.917 0 1.661.76 1.661 1.683c0 .443-.177.859-.464 1.161l.021.021l-2.167 2.14l3.027 4.079l-.021.02z"/></svg>Kik アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:kik" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:kik" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:kik" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--kik]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:kik"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:kik"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/kik.svg" alt="Kik アイコン" width="24" height="24">他のアイコンセットの Kik アイコン
Kik アイコン のよくある質問
Kik アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kik アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:kik" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kik アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/kik.svg" alt="Kik アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。