Securo アイコン

Q: Securo アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:securo

Securo アイコン(selfhst:securo)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#6767e7" d="M236.3 63.3c-26.2 2.7-50.7 11.4-76.9 27.4c-7.8 4.7-12.1 8-12.1 9.3c0 1.1 2.2 7 4.8 13c23.2 52.6 54.8 147.4 72.4 217.5c7.2 28.5 6.6 27.5-16.5-29.7c-35.2-87.6-51.8-124.6-70.9-159.7c-15.6-28.5-13.7-26.6-23.6-24.8c-11.2 2.1-28.5 11.1-39.5 20.4c-10.7 9.2-25.8 29-25.8 33.8c0 1.3 42.9 59.1 81.9 110.2c8.8 11.7 23.8 31.2 33.1 43.6c9.3 12.3 23.6 31.1 31.7 41.9c8.1 10.6 14.7 19.8 14.7 20.3c0 1.2-28.2-27.8-47.7-49.2c-8.3-9.1-20.3-22-26.5-28.9c-12-13.1-70.4-79.6-90.1-102.6c-6.4-7.4-11.9-13.7-12.5-13.9c-2.2-.8-17.3 17.6-22.2 27.2C2.7 235.3 1 241.9.3 260.7c-.6 16.2-.6 16.9 2.8 26.8c8.1 23.3 22.3 39.1 49.4 54.5c15.1 8.7 55.8 30.2 104.8 55.4c11.1 5.8 34.1 17.7 51.3 26.6c39.6 20.6 44.9 22.3 58.9 18.2c3.4-.9 22.8-10.5 42.9-21c20.2-10.6 51.3-26.8 69.1-36.1c71.6-37.3 91.1-48.2 101-56.7c13.9-11.9 25.1-29.1 29.4-44.7c2.9-11.1 2.7-31.8-.6-44.2c-3.9-14.9-12-30.1-21-39.6l-7.8-8.3l-3.5 3.3c-4.5 4.2-20.7 22.5-56.2 63.4c-33.4 38.4-36.4 41.9-67.9 76.5c-29.6 32.5-48.3 52.2-49.3 51.3c-.6-.6 7.7-12 30.7-41.7c18.6-24.3 69.4-91.2 110.3-145.6l20.7-27.7l-3.5-6.7c-11.4-21.5-38.1-42-62.4-47.7l-8.4-2l-2.2 2.7c-3.9 4.8-22.4 39.8-33.2 63.1c-14.3 30.5-27.4 61.5-51 120.8c-11 27.5-20 49.2-20.3 48.1c-.5-2.1 12.6-51.2 25.8-97.5c10.5-36.3 29.5-90.3 47.5-134.8c3.7-9 6.6-16.7 6.6-17.4c0-1.5-17.6-12.7-28.9-18.4c-30.8-15.5-64.4-21.5-99-18M97.7 397.1c-3.3 11.1-3.7 24.3-.7 31.8c6.2 16 25.6 22 66.8 20.5c28.2-.9 55.4-3.4 53.9-5c-.8-.8-116.1-55.9-117.1-55.9c-.2.1-1.5 4-2.9 8.6m274.8 10.7c-21.8 10.5-47.9 23.1-58 27.9c-12.5 5.9-17.8 9.1-16.5 9.5c10 3.5 80.3 5.4 92.2 2.4c18.9-4.7 27.4-14.9 27.5-32.7c0-7.9-3.4-26.5-5-26.3c-.4.1-18.5 8.7-40.2 19.2"/></svg>

Securo アイコンの使い方

React

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

<Icon icon="selfhst:securo" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:securo" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:securo" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:securo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/securo.svg" alt="Securo アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →