Cisco アイコン
lineicons:cisco
Cisco アイコン(lineicons:cisco)は、Lineicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.61 17.144v-.926l-.02.008a1.7 1.7 0 0 1-.667.17a1 1 0 0 1-.671-.198a.87.87 0 0 1-.294-.415a1 1 0 0 1-.019-.556a.85.85 0 0 1 .298-.474a.9.9 0 0 1 .468-.202c.305-.034.612.024.884.165l.02.011v-.93l-.042-.013a2.4 2.4 0 0 0-.843-.11a2 2 0 0 0-.752.172c-.24.11-.45.273-.616.476a1.85 1.85 0 0 0-.034 2.254c.246.315.591.538.98.63c.409.1.838.085 1.239-.043zm-9.163 0v-.926l-.019.008a1.7 1.7 0 0 1-.667.17a1 1 0 0 1-.672-.198a.86.86 0 0 1-.292-.415a1 1 0 0 1-.02-.556a.85.85 0 0 1 .297-.474a.9.9 0 0 1 .469-.202c.304-.034.612.024.884.165l.02.011v-.93l-.043-.013a2.4 2.4 0 0 0-.842-.11c-.26.007-.516.066-.753.172c-.239.11-.45.273-.617.476a1.85 1.85 0 0 0-.034 2.254c.246.316.592.538.98.63c.41.1.838.085 1.24-.043zm3.27-.769l-.004.798l.059.01q.274.05.553.07q.244.024.49.01q.234-.017.458-.086c.175-.05.338-.136.476-.254a1 1 0 0 0 .278-.398a1.1 1.1 0 0 0-.006-.8a.9.9 0 0 0-.248-.345a1.1 1.1 0 0 0-.365-.213l-.602-.223a.32.32 0 0 1-.164-.157a.2.2 0 0 1 .006-.183a.3.3 0 0 1 .129-.118a.7.7 0 0 1 .214-.062q.192-.028.383.005q.225.024.444.08l.032.006v-.735l-.057-.013a4 4 0 0 0-.453-.08a2.4 2.4 0 0 0-.595-.003a1.3 1.3 0 0 0-.684.275a.9.9 0 0 0-.293.403a1.1 1.1 0 0 0 0 .75q.069.181.21.317q.122.117.273.196q.197.105.414.163q.072.021.142.045l.07.026l.02.008c.07.025.136.065.189.117a.3.3 0 0 1 .084.126a.3.3 0 0 1 0 .134a.28.28 0 0 1-.137.165a.7.7 0 0 1-.23.071a1.7 1.7 0 0 1-.356.018a4 4 0 0 1-.464-.062l-.239-.056zm-2.063.83h.875v-3.473h-.875zm10.135-2.447a.912.912 0 0 1 1.485.8a.9.9 0 0 1-.332.616l-.014.011a.913.913 0 0 1-1.139-1.427m-1.27.712a1.83 1.83 0 0 0 2.221 1.755a1.783 1.783 0 0 0 .584-3.28a1.839 1.839 0 0 0-2.806 1.524m4.615-4.529a.433.433 0 0 0 .866 0v-.96a.434.434 0 0 0-.866 0zm-2.37 0a.435.435 0 0 0 .868 0V8.784a.435.435 0 0 0-.867 0v2.157m-2.406.87a.434.434 0 0 0 .866 0V7.142a.434.434 0 0 0-.866 0zm-2.365-.87a.434.434 0 0 0 .867 0V8.784a.433.433 0 0 0-.866 0zm-2.417 0a.435.435 0 0 0 .866 0V9.98a.434.434 0 0 0-.866 0zm-2.391 0a.433.433 0 0 0 .866 0V8.784a.434.434 0 0 0-.866 0zm-2.406.87a.433.433 0 0 0 .866 0V7.142a.433.433 0 0 0-.866 0zm-2.384-.87a.435.435 0 0 0 .866 0V8.784a.433.433 0 0 0-.865 0zm-2.398 0a.434.434 0 0 0 .866 0V9.98a.433.433 0 0 0-.866 0z"/></svg>Cisco アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:cisco" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:cisco" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:cisco" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--cisco]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:cisco"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:cisco"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lineicons/cisco.svg" alt="Cisco アイコン" width="24" height="24">他のアイコンセットの Cisco アイコン
Cisco アイコン のよくある質問
Cisco アイコンは商用利用でも無料ですか?
はい。Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cisco アイコンを使うには?
@iconify/react をインストールして <Icon icon="lineicons:cisco" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cisco アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lineicons/cisco.svg" alt="Cisco アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。