Cisco Dark アイコン
thesvg-color:cisco-dark
Cisco Dark アイコン(thesvg-color:cisco-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 52 × 28 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 52 × 28
- タグ
- ciscodark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="28" viewBox="0 0 52 28"><path fill="#fff" fill-rule="evenodd" d="M51.23 8.377a1.112 1.112 0 0 0-2.223 0v2.337a1.112 1.112 0 1 0 2.222 0zm-6.116-3.07c0-.614-.497-1.112-1.126-1.112a1.11 1.11 0 0 0-1.11 1.112v5.405c0 .616.496 1.115 1.11 1.115c.63 0 1.126-.499 1.126-1.115zM38.985 1.11A1.11 1.11 0 0 0 37.875 0a1.11 1.11 0 0 0-1.113 1.11v11.82a1.112 1.112 0 1 0 2.223 0zm-6.13 4.197a1.11 1.11 0 1 0-2.221 0v5.405a1.111 1.111 0 1 0 2.221 0zm-6.13 3.07a1.11 1.11 0 0 0-1.105-1.111c-.616 0-1.117.498-1.117 1.11v2.338a1.11 1.11 0 1 0 2.223 0zm-6.115-3.07a1.116 1.116 0 0 0-2.232 0v5.405a1.116 1.116 0 0 0 2.232 0zM14.48 1.11a1.114 1.114 0 0 0-2.23 0v11.82a1.116 1.116 0 0 0 2.23 0zM8.356 5.307a1.115 1.115 0 0 0-2.23 0v5.405a1.116 1.116 0 0 0 2.23 0zM2.23 8.377a1.115 1.115 0 0 0-2.23 0v2.337a1.115 1.115 0 0 0 2.23 0zm23.025 9.69c-.069-.018-1.096-.286-2.19-.286c-2.07 0-3.318 1.12-3.318 2.783c0 1.476 1.043 2.21 2.297 2.605c.138.047.342.109.477.155c.56.175 1.002.436 1.002.887c0 .504-.514.83-1.63.83c-.982 0-1.924-.28-2.124-.33v2.05c.112.024 1.23.242 2.426.242c1.718 0 3.685-.751 3.685-2.987c0-1.084-.664-2.083-2.121-2.547l-.62-.197c-.37-.117-1.03-.306-1.03-.848c0-.43.49-.73 1.39-.73c.777 0 1.721.261 1.756.274zm16.662 1.98c1.329 0 2.322 1.048 2.322 2.342c0 1.293-.993 2.342-2.322 2.342c-1.335 0-2.324-1.049-2.324-2.342s.99-2.342 2.324-2.342m4.703 2.343c0-2.546-1.966-4.609-4.702-4.609c-2.74 0-4.705 2.064-4.705 4.609s1.966 4.608 4.705 4.608c2.736 0 4.702-2.064 4.702-4.608m-35.219-4.292c-.21-.06-.992-.317-2.049-.317c-2.732 0-4.74 1.947-4.74 4.609c0 2.867 2.215 4.608 4.74 4.608c1.004 0 1.77-.237 2.05-.316v-2.39c-.097.054-.831.472-1.89.472c-1.495 0-2.46-1.053-2.46-2.374c0-1.366 1.007-2.375 2.46-2.375c1.077 0 1.8.428 1.89.474zm23.446 0c-.212-.06-.993-.317-2.048-.317c-2.737 0-4.742 1.947-4.742 4.609c0 2.867 2.216 4.608 4.742 4.608c.998 0 1.766-.237 2.048-.316v-2.39c-.099.054-.833.472-1.889.472c-1.495 0-2.46-1.053-2.46-2.374c0-1.366 1.007-2.375 2.46-2.375c1.074 0 1.8.428 1.889.474zM14.489 26.84h2.247v-8.904h-2.247z" clip-rule="evenodd"/></svg>Cisco Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:cisco-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:cisco-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:cisco-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--cisco-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:cisco-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:cisco-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/cisco-dark.svg" alt="Cisco Dark アイコン" width="24" height="24">theSVG Color の関連アイコン
Cisco Dark アイコン のよくある質問
Cisco Dark アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cisco Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:cisco-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cisco Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/cisco-dark.svg" alt="Cisco Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。