Cisco アイコン
cib:cisco
Cisco アイコン(cib:cisco)は、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="M21.776 24.229v-1.484l-.031.016a2.7 2.7 0 0 1-1.068.271a1.56 1.56 0 0 1-1.073-.318a1.37 1.37 0 0 1-.469-.661a1.6 1.6 0 0 1-.031-.891c.068-.302.234-.568.474-.76a1.5 1.5 0 0 1 .75-.323a2.5 2.5 0 0 1 1.417.266l.031.016v-1.49l-.068-.016a3.8 3.8 0 0 0-1.349-.177c-.417.01-.828.104-1.203.276a2.7 2.7 0 0 0-.984.76a2.955 2.955 0 0 0-.057 3.604c.396.505.948.865 1.568 1.01a3.7 3.7 0 0 0 1.984-.068zm-14.661 0v-1.484l-.031.016a2.7 2.7 0 0 1-1.068.271a1.56 1.56 0 0 1-1.073-.318a1.4 1.4 0 0 1-.469-.661a1.6 1.6 0 0 1-.031-.891c.068-.302.234-.568.474-.76a1.5 1.5 0 0 1 .75-.323a2.5 2.5 0 0 1 1.417.266l.031.016v-1.49l-.068-.016a3.8 3.8 0 0 0-1.349-.177c-.417.01-.823.104-1.203.276a2.75 2.75 0 0 0-.984.76a2.96 2.96 0 0 0-.057 3.604c.391.505.948.865 1.568 1.01a3.7 3.7 0 0 0 1.984-.068zM12.349 23l-.005 1.276l.089.016c.297.052.589.089.885.115c.26.021.526.026.786.016q.375-.032.734-.141c.281-.078.536-.219.76-.406c.198-.172.354-.391.443-.635c.161-.417.156-.87-.01-1.281a1.35 1.35 0 0 0-.396-.552a1.6 1.6 0 0 0-.583-.339l-.964-.359a.5.5 0 0 1-.26-.25a.32.32 0 0 1 .01-.292a.5.5 0 0 1 .203-.193q.164-.076.344-.099c.203-.026.411-.026.615.01q.358.04.708.125l.052.01v-1.177l-.094-.021a7 7 0 0 0-.724-.125a3.6 3.6 0 0 0-.953-.005a2.1 2.1 0 0 0-1.094.438a1.5 1.5 0 0 0-.469.646a1.82 1.82 0 0 0 0 1.198q.111.299.339.51q.195.187.438.313c.208.115.432.198.661.26c.073.026.151.047.224.073l.115.042l.031.016a.8.8 0 0 1 .302.182a.5.5 0 0 1 .135.203a.37.37 0 0 1 0 .214a.46.46 0 0 1-.219.266c-.115.057-.24.099-.37.115a2.6 2.6 0 0 1-.568.026a6 6 0 0 1-1.125-.188zm-3.302 1.323h1.401v-5.552H9.047zm16.213-3.912a1.462 1.462 0 0 1 1.849 2.265l-.026.016c-1.516 1.167-3.292-1.063-1.823-2.281m-2.031 1.136a2.926 2.926 0 0 0 3.557 2.813c2.573-.49 3.182-3.901.932-5.25c-1.938-1.198-4.443.161-4.49 2.438zm7.386-7.245c.036.885 1.349.885 1.385 0v-1.536c-.036-.885-1.349-.885-1.385 0zm-3.792 0c.063.859 1.323.859 1.385 0v-3.448c-.052-.87-1.328-.87-1.385 0zm-3.849 1.391c.068.859 1.323.859 1.385 0V8.229c-.036-.885-1.344-.885-1.385 0zm-3.781-1.391c.052.87 1.328.87 1.385 0v-3.448c-.042-.885-1.349-.885-1.385 0zm-3.87 0c.083.839 1.307.839 1.385 0v-1.536c-.036-.885-1.344-.885-1.385 0zm-3.823 0c.036.885 1.344.885 1.385 0v-3.448c-.042-.885-1.349-.885-1.385 0zm-3.849 1.391c.036.885 1.344.885 1.385 0V8.229c-.042-.885-1.349-.885-1.385 0zm-3.818-1.391c.078.849 1.313.849 1.385 0v-3.448c-.036-.885-1.344-.885-1.38 0v3.448zm-3.833 0c.063.859 1.318.859 1.385 0v-1.536c-.036-.885-1.349-.885-1.385 0z"/></svg>Cisco アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:cisco" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:cisco" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:cisco" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--cisco]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:cisco"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:cisco"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/cisco.svg" alt="Cisco アイコン" width="24" height="24">他のアイコンセットの Cisco アイコン
Cisco アイコン のよくある質問
Cisco アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cisco アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:cisco" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cisco アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/cisco.svg" alt="Cisco アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。