Keycdn アイコン
cib:keycdn
Keycdn アイコン(cib:keycdn)は、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="M3.073 25.421c.301.011.604.052.891.157l.041.015l3.744-3.656l.136.183c.197.265.401.511.62.749l.083.089c.057.057.1.115.157.172l.437.437l.104.088l.088.084a9.98 9.98 0 0 0 6.209 2.369a10.06 10.06 0 0 0 5.348-1.391l.287.303c.333.353.677.708 1.011 1.067a11.84 11.84 0 0 1-13.974-.886l.011-.02l-2.401 2.369c.089.276.12.573.125.864c0 1.657-1.339 3-2.995 3a3 3 0 0 1 0-6h.079zm22.9-15.452a11.8 11.8 0 0 1 1.709 6.437a11.72 11.72 0 0 1-2.948 7.489l.015.016l1.475 1.567a1.88 1.88 0 0 1 1.604.557a1.86 1.86 0 0 1-.068 2.625a1.86 1.86 0 0 1-2.624-.068a1.86 1.86 0 0 1-.469-1.629c-.688-.729-1.901-2.027-2.599-2.761l-.147-.156l.167-.14a9.5 9.5 0 0 0 1.24-1.177a9.9 9.9 0 0 0 2.505-6.369a9.9 9.9 0 0 0-1.235-5.084zm-20.869-7a1.87 1.87 0 0 1 1.385.572a1.85 1.85 0 0 1 .475 1.631l2.839 2.973l-.172.141q-.671.528-1.24 1.177a10.02 10.02 0 0 0-2.521 6.369a10.03 10.03 0 0 0 1.24 5.093l-1.364 1.328a11.67 11.67 0 0 1-1.715-6.468c.057-2.76 1.131-5.423 2.939-7.495L5.407 6.654a1.85 1.85 0 0 1-1.604-.557a1.86 1.86 0 0 1 .067-2.625a1.88 1.88 0 0 1 1.057-.495c.057-.005.12-.005.177-.009zM29.005.588a3 3 0 0 1 2.995 3a2.996 2.996 0 0 1-2.995 2.996c-.323 0-.636-.057-.932-.152h-.005l-.041-.016l-4.068 3.865l-.136-.188a9 9 0 0 0-.713-.833l-.041-.057l-.36-.353l-.26-.235l-.079-.068l-.104-.088a9.97 9.97 0 0 0-6.161-2.339c-1.891-.041-3.735.427-5.339 1.385l-1.307-1.36a11.77 11.77 0 0 1 6.692-1.869a11.74 11.74 0 0 1 7.281 2.76h.027l2.692-2.557a2.9 2.9 0 0 1-.135-.891c0-1.656 1.339-3 2.995-3zM15.948 7.276c.339 0 .677.027 1.011.068c4.833.609 8.255 5.016 7.661 9.849c-.604 4.833-5.016 8.26-9.849 7.661c-4.833-.604-8.255-5.016-7.661-9.849c.573-4.484 4.344-7.713 8.839-7.729zm-.136 3.787c-1.952.156-3.369 1.635-3.421 3.599c.036 1.407.755 2.589 2.011 3.235l-.688 3.203h4.568l-.683-3.203c1.251-.677 1.989-1.792 2.005-3.229c-.025-2.031-1.593-3.557-3.604-3.609zm.068-.022h-.011z"/></svg>
Keycdn アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:keycdn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:keycdn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:keycdn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--keycdn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:keycdn"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:keycdn"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/keycdn.svg" alt="Keycdn アイコン" width="24" height="24">
Keycdn アイコン のよくある質問
Keycdn アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Keycdn アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:keycdn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Keycdn アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/keycdn.svg" alt="Keycdn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
