Keycdn アイコン
la:keycdn
Keycdn アイコン(la:keycdn)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.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="M25.793 4.393c-1.22 0-2.268 1.007-2.268 2.265c0 .231.04.463.108.684L21.7 9.146a8.915 8.915 0 0 0-10.578-.672l.988 1.028a7.44 7.44 0 0 1 4.043-1.047c2.352.058 4.416 1.104 5.942 3.149L25.043 8.8c.096.038.452.096.75.086C27.012 8.887 28 7.869 28 6.65c0-1.21-.988-2.256-2.207-2.257M7.883 6.066a1.38 1.38 0 0 0-.992.381a1.41 1.41 0 0 0-.059 1.989c.317.336.768.488 1.219.421l1.18 1.239c-1.364 1.574-2.18 3.59-2.227 5.683a8.95 8.95 0 0 0 1.307 4.907l1.037-1.01a7.6 7.6 0 0 1-.942-3.87a7.52 7.52 0 0 1 1.91-4.818c.442-.508.846-.816 1.067-.998l-2.15-2.256a1.38 1.38 0 0 0-.356-1.228a1.45 1.45 0 0 0-.994-.44m8.146 3.95c-3.053.009-5.614 2.204-6.002 5.255a6.01 6.01 0 0 0 5.207 6.698a6.01 6.01 0 0 0 6.702-5.213c.406-3.275-1.923-6.285-5.217-6.69a4.6 4.6 0 0 0-.69-.05m7.594 1.357l-1.027.979c.643 1.172 1.019 2.495.99 3.85c-.058 2.092-1.02 4.224-3.025 5.827c0 0 .913.97 2.084 2.207c-.087.451.036.913.353 1.239a1.42 1.42 0 0 0 1.988.048a1.403 1.403 0 0 0 .05-1.988a1.36 1.36 0 0 0-1.212-.422l-1.133-1.199c1.392-1.565 2.228-3.572 2.286-5.674c.038-1.709-.452-3.408-1.354-4.867M15.998 13c1.252.024 2.234.982 2.25 2.25c-.008.895-.475 1.6-1.252 2.02l.502 1.73h-3l.504-1.73c-.784-.404-1.238-1.141-1.262-2.02c.04-1.291 1.014-2.226 2.258-2.25m-6.172 7.436l-2.832 2.763A2.24 2.24 0 0 0 4 25.342c0 1.257.97 2.263 2.227 2.263c1.556 0 2.611-1.526 2.17-2.918a296 296 0 0 1 1.804-1.775a9 9 0 0 0 5.52 2.082a9 9 0 0 0 5.068-1.42c-.115-.115-.738-.777-.978-1.027a7.65 7.65 0 0 1-4.051 1.047c-2.602-.067-4.427-1.152-5.934-3.158"/></svg>
Keycdn アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:keycdn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:keycdn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:keycdn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--keycdn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:keycdn"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:keycdn"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/la/keycdn.svg" alt="Keycdn アイコン" width="24" height="24">
Keycdn アイコン のよくある質問
Keycdn アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Keycdn アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:keycdn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Keycdn アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/keycdn.svg" alt="Keycdn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
