Letsencrypt アイコン
cbi:letsencrypt
Letsencrypt アイコン(cbi:letsencrypt)は、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 2.108a.833.833 0 0 0-.814.876q-.043 1.124.002 2.249a.76.76 0 0 0 .767.809a.777.777 0 0 0 .856-.809c.031-.373.008-.75.008-1.125s.021-.749-.006-1.122A.84.84 0 0 0 12 2.107M5.129 4.684a2.8 2.8 0 0 0-.602.41a.537.537 0 0 0 .096.801a48 48 0 0 0 2.338 1.764a.76.76 0 0 0 .56.032c.532-.161.744-.731.344-1.086c-.725-.643-1.527-1.212-2.304-1.802a1.6 1.6 0 0 0-.433-.12m13.699.032a.8.8 0 0 0-.526.179c-.717.488-1.394 1.032-2.059 1.582a.66.66 0 0 0-.124 1a.783.783 0 0 0 1.135.057a43 43 0 0 0 1.995-1.525a1.8 1.8 0 0 0 .34-.483a.787.787 0 0 0-.761-.81m-6.835 2.643a4.32 4.32 0 0 0-4.318 3.455l-.133 1.912a3 3 0 0 0-.249-.018c-1.435-.028-1.611.129-1.611 1.434v5.626c0 .426-.027.861.01 1.286c.046.519.314.759.869.824a3 3 0 0 0 .519.009q4.872.014 9.744 0a6 6 0 0 0 .777-.046a.72.72 0 0 0 .666-.639a4.6 4.6 0 0 0 .046-.712v-6.107c0-1.62-.093-1.712-1.875-1.666a17 17 0 0 0-.114-1.914a4.32 4.32 0 0 0-4.331-3.444m-.243 2.407a1.9 1.9 0 0 1 2.139 1.668c.031.426.011.853.015 1.28l-3.808-.006l.014-1.278a1.9 1.9 0 0 1 1.64-1.665m8.791.33c-.201.001-.402.009-.602.009v.001c-.43 0-.86-.024-1.287.005a.85.85 0 0 0-.888.722c-.021.404.35.755.913.775q1.246.046 2.491 0a.805.805 0 0 0 .833-.759a.837.837 0 0 0-.861-.74a7 7 0 0 0-.599-.013m-16.459.002q-.562-.003-1.123.01c-.57.015-.945.325-.958.734c-.014.437.383.75 1.003.774c.373.015.747.004 1.12.004v-.029c.46 0 .924.033 1.378-.011a.715.715 0 0 0 .701-.7a.694.694 0 0 0-.58-.708a1.7 1.7 0 0 0-.421-.064q-.56-.008-1.12-.01m7.976 5.63a1.1 1.1 0 0 1 .333.072a1.08 1.08 0 0 1 .74 1.053c-.046.111-.064.343-.203.445a1.3 1.3 0 0 0-.407 1.23a.6.6 0 0 1-.065.389a.74.74 0 0 1-.472.27a.7.7 0 0 1-.453-.296c-.074-.083-.056-.25-.047-.379a1.48 1.48 0 0 0-.425-1.24a.864.864 0 0 1 .083-1.177a1.15 1.15 0 0 1 .916-.367"/></svg>Letsencrypt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:letsencrypt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:letsencrypt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:letsencrypt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--letsencrypt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:letsencrypt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:letsencrypt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/letsencrypt.svg" alt="Letsencrypt アイコン" width="24" height="24">他のアイコンセットの Letsencrypt アイコン
Letsencrypt アイコン のよくある質問
Letsencrypt アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Letsencrypt アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:letsencrypt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Letsencrypt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/letsencrypt.svg" alt="Letsencrypt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。