Kik アイコン
simple-icons:kik
Kik アイコン(simple-icons:kik)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.482 16.752a1.25 1.25 0 0 1-1.238 1.242c-.689 0-1.23-.541-1.244-1.23h-.016v-6.243H9v-.029c0-.693.556-1.256 1.237-1.256s1.236.563 1.236 1.258v.045h.016v6.225h-.016zm11.137-4.889c.75 0 1.381.618 1.381 1.377a1.388 1.388 0 0 1-2.776-.004c0-.766.615-1.381 1.379-1.381zm-2.084 4.186c.121.195.193.432.193.686c0 .703-.553 1.26-1.244 1.26a1.24 1.24 0 0 1-1.08-.631l-2.053-2.746l-.631.586v1.635h-.014a1.233 1.233 0 0 1-1.225 1.168a1.23 1.23 0 0 1-1.221-1.238v-.025h-.016v-9.45h.027v-.047c0-.69.551-1.253 1.23-1.253c.674 0 1.225.562 1.225 1.253v.07h.016l.01 4.597l2.311-2.261c.229-.255.559-.405.928-.405c.689 0 1.248.57 1.248 1.26c0 .346-.133.646-.344.871l.012.015l-1.621 1.605l2.281 3.061l-.016.016zm-13.246 0c.12.195.195.432.195.686c0 .703-.555 1.26-1.244 1.26c-.466 0-.871-.256-1.081-.631l-2.054-2.746l-.63.586v1.631H2.46a1.23 1.23 0 0 1-1.221 1.17a1.23 1.23 0 0 1-1.225-1.238v-.027H0V7.29h.031q-.005-.022-.004-.044c0-.69.551-1.252 1.23-1.252c.675 0 1.225.559 1.225 1.25v.07h.016l.01 4.6l2.311-2.261c.23-.255.562-.405.931-.405c.687 0 1.245.57 1.245 1.26c0 .33-.131.646-.346.871l.016.015l-1.627 1.605l2.271 3.061l-.016.016z"/></svg>Kik アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:kik" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:kik" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:kik" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--kik]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:kik"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:kik"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/kik.svg" alt="Kik アイコン" width="24" height="24">他のアイコンセットの Kik アイコン
Kik アイコン のよくある質問
Kik アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kik アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:kik" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kik アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/kik.svg" alt="Kik アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。