Keycdn アイコン
fa-brands:keycdn
Keycdn アイコン(fa-brands:keycdn)は、Font Awesome 5 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 512 × 512 のグリッドで描かれています。 Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m63.8 409.3l60.5-59c32.1 42.8 71.1 66 126.6 67.4c30.5.7 60.3-7 86.4-22.4c5.1 5.3 18.5 19.5 20.9 22c-32.2 20.7-69.6 31.1-108.1 30.2c-43.3-1.1-84.6-16.7-117.7-44.4c.3-.6-38.2 37.5-38.6 37.9c9.5 29.8-13.1 62.4-46.3 62.4C20.7 503.3 0 481.7 0 454.9c0-34.3 33.1-56.6 63.8-45.6m354.9-252.4c19.1 31.3 29.6 67.4 28.7 104c-1.1 44.8-19 87.5-48.6 121c.3.3 23.8 25.2 24.1 25.5c9.6-1.3 19.2 2 25.9 9.1c11.3 12 10.9 30.9-1.1 42.4c-12 11.3-30.9 10.9-42.4-1.1c-6.7-7-9.4-16.8-7.6-26.3c-24.9-26.6-44.4-47.2-44.4-47.2c42.7-34.1 63.3-79.6 64.4-124.2c.7-28.9-7.2-57.2-21.1-82.2zM104 53.1c6.7 7 9.4 16.8 7.6 26.3l45.9 48.1c-4.7 3.8-13.3 10.4-22.8 21.3c-25.4 28.5-39.6 64.8-40.7 102.9c-.7 28.9 6.1 57.2 20 82.4l-22 21.5C72.7 324 63.1 287.9 64.2 250.9c1-44.6 18.3-87.6 47.5-121.1l-25.3-26.4c-9.6 1.3-19.2-2-25.9-9.1c-11.3-12-10.9-30.9 1.1-42.4C73.5 40.7 92.2 41 104 53.1M464.9 8c26 0 47.1 22.4 47.1 48.3S490.9 104 464.9 104c-6.3.1-14-1.1-15.9-1.8l-62.9 59.7c-32.7-43.6-76.7-65.9-126.9-67.2c-30.5-.7-60.3 6.8-86.2 22.4l-21.1-22C184.1 74.3 221.5 64 260 64.9c43.3 1.1 84.6 16.7 117.7 44.6l41.1-38.6c-1.5-4.7-2.2-9.6-2.2-14.5C416.5 29.7 438.9 8 464.9 8M256.7 113.4c5.5 0 10.9.4 16.4 1.1c78.1 9.8 133.4 81.1 123.8 159.1c-9.8 78.1-81.1 133.4-159.1 123.8c-78.1-9.8-133.4-81.1-123.8-159.2c9.3-72.4 70.1-124.6 142.7-124.8m-59 119.4c.6 22.7 12.2 41.8 32.4 52.2l-11 51.7h73.7l-11-51.7c20.1-10.9 32.1-29 32.4-52.2c-.4-32.8-25.8-57.5-58.3-58.3c-32.1.8-57.3 24.8-58.2 58.3M256 160"/></svg>
Keycdn アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:keycdn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:keycdn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:keycdn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--keycdn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:keycdn"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:keycdn"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-brands/keycdn.svg" alt="Keycdn アイコン" width="24" height="24">
Keycdn アイコン のよくある質問
Keycdn アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Keycdn アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-brands:keycdn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Keycdn アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-brands/keycdn.svg" alt="Keycdn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 5 Brands アイコン をすべて見る →
ICONYZ
