Openssl アイコン
simple-icons:openssl
Openssl アイコン(simple-icons:openssl)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.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="M1.961 13.532a2 2 0 0 1-.818-.157a1.75 1.75 0 0 1-.616-.437a2 2 0 0 1-.389-.664A2.4 2.4 0 0 1 0 11.442q0-.448.137-.832t.389-.664a1.8 1.8 0 0 1 .617-.438q.365-.157.818-.157q.454 0 .818.157t.616.437t.389.664t.137.832t-.137.832a2 2 0 0 1-.389.664a1.74 1.74 0 0 1-.616.437a2 2 0 0 1-.818.158m0-.443q.353 0 .622-.126c.269-.126.331-.199.454-.345q.185-.219.277-.521t.092-.656t-.092-.656a1.5 1.5 0 0 0-.277-.524q-.185-.221-.454-.347c-.269-.126-.386-.125-.622-.125q-.353 0-.622.126a1.3 1.3 0 0 0-.454.347a1.5 1.5 0 0 0-.277.524q-.092.302-.092.656q0 .353.092.656q.093.303.277.521t.454.345q.27.125.622.125m2.494-2.538h.454v.409h.011q.162-.224.387-.35q.224-.126.544-.126q.274 0 .504.104t.392.297t.255.479t.092.644q0 .348-.087.63a1.4 1.4 0 0 1-.249.482a1.1 1.1 0 0 1-.398.305a1.3 1.3 0 0 1-.527.106q-.297 0-.516-.095a1 1 0 0 1-.398-.331h-.01v1.557h-.454zm1.345 2.6a.74.74 0 0 0 .625-.325q.103-.151.154-.359q.05-.207.05-.454a2 2 0 0 0-.05-.451a1.1 1.1 0 0 0-.154-.364a.75.75 0 0 0-.258-.241a.7.7 0 0 0-.361-.087a.9.9 0 0 0-.412.09a.8.8 0 0 0-.289.247a1.1 1.1 0 0 0-.168.364a1.9 1.9 0 0 0-.006.886q.05.207.16.361a.8.8 0 0 0 .283.244a.9.9 0 0 0 .426.089m3.037.375a1.4 1.4 0 0 1-.591-.12q-.26-.12-.44-.328q-.18-.207-.275-.485a1.8 1.8 0 0 1-.095-.591q0-.314.098-.591t.28-.485a1.29 1.29 0 0 1 .994-.448q.325 0 .574.12t.417.336t.255.516t.087.658h-2.24q.011.219.078.409t.185.331a.84.84 0 0 0 .673.297a.86.86 0 0 0 .521-.148a.78.78 0 0 0 .28-.445h.443q-.1.471-.426.723q-.326.25-.818.251m-.028-2.689a.9.9 0 0 0-.359.07a.8.8 0 0 0-.266.196a1 1 0 0 0-.179.297a1.3 1.3 0 0 0-.092.367h1.743q-.022-.436-.238-.684q-.218-.246-.609-.246m2.311.095h.011q.158-.207.378-.328q.222-.12.541-.12q.455 0 .714.238q.261.238.261.692v2.034h-.454v-1.995q0-.286-.174-.437q-.173-.151-.482-.151a.9.9 0 0 0-.319.059a.8.8 0 0 0-.252.163a.7.7 0 0 0-.165.252a.9.9 0 0 0-.059.328v1.782h-.454v-2.897h.454zm4.289 2.598q-.823 0-1.271-.347q-.449-.347-.47-.989h.8q.045.366.259.521t.648.155q.158 0 .299-.028a.8.8 0 0 0 .248-.09a.5.5 0 0 0 .172-.161a.43.43 0 0 0 .065-.24a.4.4 0 0 0-.07-.242a.56.56 0 0 0-.2-.161a1.6 1.6 0 0 0-.313-.113q-.183-.048-.414-.099a8 8 0 0 1-.521-.138a1.6 1.6 0 0 1-.44-.206a1 1 0 0 1-.304-.332a1.04 1.04 0 0 1-.116-.518q0-.299.116-.524q.115-.225.321-.378q.206-.152.487-.228t.62-.076q.682 0 1.096.321t.459.935h-.783q-.034-.304-.248-.456a.9.9 0 0 0-.53-.152q-.332 0-.53.13a.39.39 0 0 0-.197.344q0 .124.054.206t.163.144t.273.107t.389.096q.31.068.583.149q.273.082.479.217t.324.344t.118.535q0 .304-.118.544t-.327.4a1.5 1.5 0 0 1-.496.245a2.2 2.2 0 0 1-.625.085m3.759 0q-.823 0-1.271-.347c-.448-.347-.456-.561-.47-.989h.8q.045.366.259.521t.648.155q.158 0 .299-.028a.8.8 0 0 0 .248-.09a.5.5 0 0 0 .172-.161a.43.43 0 0 0 .065-.24a.4.4 0 0 0-.07-.242a.56.56 0 0 0-.2-.161a1.6 1.6 0 0 0-.313-.113q-.183-.048-.414-.099a8 8 0 0 1-.521-.138a1.6 1.6 0 0 1-.44-.206a1 1 0 0 1-.304-.332a1.04 1.04 0 0 1-.116-.518q0-.299.116-.524t.321-.378t.487-.228t.62-.076q.681 0 1.096.321q.414.321.459.935h-.783q-.034-.304-.248-.456a.9.9 0 0 0-.53-.152q-.332 0-.53.13a.39.39 0 0 0-.197.344q0 .124.054.206t.163.144t.273.107t.389.096q.31.068.583.149q.273.082.479.217t.324.344t.118.535q0 .304-.118.544q-.119.24-.327.4a1.5 1.5 0 0 1-.496.245q-.287.084-.625.085m2.122-4.12h.817v3.347H24v.682h-2.71z"/></svg>Openssl アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:openssl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:openssl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:openssl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--openssl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:openssl"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:openssl"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/openssl.svg" alt="Openssl アイコン" width="24" height="24">他のアイコンセットの Openssl アイコン
Openssl アイコン のよくある質問
Openssl アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Openssl アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:openssl" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Openssl アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/openssl.svg" alt="Openssl アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。