Cync アイコン
cbi:cync
Cync アイコン(cbi:cync)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.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="M12.289 10.674c.934 0 .968.715 1.927.715h.01a1.577 1.577 0 0 0 1.589-1.57a1.53 1.53 0 0 0-.521-1.196a4.504 4.504 0 1 0 0 6.77a1.54 1.54 0 0 0 .516-1.202v-.01a1.577 1.577 0 0 0-1.599-1.56c-.959 0-.988.715-1.927.715a1.28 1.28 0 0 1-1.29-1.326a1.29 1.29 0 0 1 1.295-1.336m-2.35 1.341v.029a2.345 2.345 0 0 0 2.345 2.35c1.271 0 1.42-.715 1.942-.715h.009a.513.513 0 0 1 .512.517a.6.6 0 0 1-.213.437a3.4 3.4 0 0 1-2.25.819h-.083a3.443 3.443 0 0 1 .08-6.885a3.38 3.38 0 0 1 2.25.825a.6.6 0 0 1 .213.437v.005a.523.523 0 0 1-.521.511c-.522 0-.671-.714-1.942-.714h-.04a2.35 2.35 0 0 0-2.315 2.379Zm7.242 4.426a.533.533 0 0 0-.746.745l1.868 1.868a.532.532 0 0 0 .746-.745ZM12 18.279a.54.54 0 0 0-.536.536v2.633a.533.533 0 0 0 .493.515h.085a.533.533 0 0 0 .494-.515v-2.633a.54.54 0 0 0-.536-.536m4.428-10.581a.533.533 0 0 0 .743-.107l1.874-1.87v-.007a.5.5 0 0 0 .1-.101a.54.54 0 0 0 .091-.291V5.28a.534.534 0 0 0-.84-.413a.6.6 0 0 0-.11.109l-1.865 1.867l-.011.014a.6.6 0 0 0-.094.101a.536.536 0 0 0 .112.74m5.04 3.781H18.79a.534.534 0 1 0-.034 1.067h2.677a.534.534 0 1 0 .035-1.067M11.974 5.76h.075a.54.54 0 0 0 .487-.529V2.586a.536.536 0 0 0-.495-.549h-.082a.536.536 0 0 0-.495.549v2.643a.5.5 0 0 0 .042.201a.53.53 0 0 0 .468.33m-6.73 6.786a.534.534 0 1 0-.034-1.067H2.532a.534.534 0 1 0 .035 1.067Zm2.206 3.895a.53.53 0 0 0-.631 0l-1.864 1.868a.532.532 0 0 0 .746.745l1.868-1.868a.533.533 0 0 0-.119-.745m.14-9.584l-.011-.014l-1.868-1.867a.6.6 0 0 0-.11-.109a.534.534 0 0 0-.84.413v.04a.54.54 0 0 0 .091.291a.6.6 0 0 0 .1.101l.007.007l1.869 1.87a.532.532 0 0 0 .853-.638a.6.6 0 0 0-.091-.094"/></svg>Cync アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:cync" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:cync" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:cync" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--cync]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:cync"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:cync"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/cync.svg" alt="Cync アイコン" width="24" height="24">他のアイコンセットの Cync アイコン
Cync アイコン のよくある質問
Cync アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Cync アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:cync" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cync アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/cync.svg" alt="Cync アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。