ICONYZ
日本語
Custom Brand Icons の Fortinet アイコン

Fortinet アイコン

cbi:fortinet

Fortinet アイコン(cbi:fortinet)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.214 13.173h5.556v3.72H9.214ZM2.005 7.898h5.663v3.722H2.005Zm14.305 8.994h3.499a3.81 3.81 0 0 0 2.177-3.256v-.464H16.31ZM9.214 2.628h5.556V6.35H9.214Zm7.101 5.275h5.68v3.722h-5.68Zm5.675-1.972a3.72 3.72 0 0 0-2.324-3.299h-3.355V6.35h5.679Zm-14.327-3.3H4.324A3.72 3.72 0 0 0 2 5.937v.416h5.663ZM2 13.172v.46a3.81 3.81 0 0 0 2.179 3.26h3.484v-3.721Zm3.915 7.598h.9v.602h-.9Zm-1.168-.855h.917v.603h-.917Zm2.316 1.457h.567a.62.62 0 0 0 .353-.528v-.075h-.92Zm-1.148-2.31h.9v.603h-.9Zm1.149.854h.92v.603h-.92Zm.919-.319a.6.6 0 0 0-.377-.535h-.543v.6h.92Zm-2.319-.535h-.541a.6.6 0 0 0-.376.536v.067h.917Zm-.917 1.707v.075a.62.62 0 0 0 .352.528h.565v-.6Zm13.232-.308h1.163v-.486h-1.163v-.384h1.675v-.503h-2.226v2.261l-.002.001h2.238v-.503h-1.685Zm-1.148-1.18a.8.8 0 0 0-.529-.19h-1.784v2.264h.554v-1.764h1.245a.18.18 0 0 1 .134.059c.052.053.045.206.045.206v1.5h.552v-1.465a.8.8 0 0 0-.217-.61m3.096-.194v.503h.521v1.759H21V19.59h1v-.503Zm-6.38.143v2.12h.552v-2.262h-.552Zm-2.345.36h.521v1.759h.553V19.59h1v-.503h-2.074Zm-9.196-.503v2.262h.553v-.889h1.672v-.486H2.559v-.384h1.944v-.504Zm8.108.004H8.39v2.261h.552v-.889h1.137a.6.6 0 0 1 .219.019a.11.11 0 0 1 .057.1v.772h.536v-.648a.4.4 0 0 0-.077-.291a.2.2 0 0 0-.065-.049l-.02-.01a.54.54 0 0 0 .187-.4v-.165a.7.7 0 0 0-.159-.52a.88.88 0 0 0-.643-.18m.249.767a.12.12 0 0 1-.056.1a.7.7 0 0 1-.248.02H8.942v-.387h1.076a.8.8 0 0 1 .289.019a.12.12 0 0 1 .057.1Z"/></svg>

Fortinet アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:fortinet" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:fortinet" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:fortinet" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--fortinet]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:fortinet"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:fortinet"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/fortinet.svg" alt="Fortinet アイコン" width="24" height="24">

他のアイコンセットの Fortinet アイコン

Fortinet アイコン のよくある質問

Fortinet アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

React で Fortinet アイコンを使うには?

@iconify/react をインストールして <Icon icon="cbi:fortinet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Fortinet アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/fortinet.svg" alt="Fortinet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Custom Brand Icons をすべて見る →