Safe 2 Bold アイコン

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

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

solar:safe-2-bold

Safe 2 Bold アイコン(solar:safe-2-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: お金
タグ: safebold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.75 12C8.75 10.4632 9.81665 9.17555 11.25 8.83697V9.87803C10.3761 10.1869 9.75 11.0203 9.75 12C9.75 12.0492 9.75158 12.0979 9.75468 12.1463L8.79747 12.5565C8.76626 12.3757 8.75 12.1898 8.75 12Z"/><path d="M12.75 9.87803V8.83697C14.1833 9.17555 15.25 10.4632 15.25 12C15.25 12.1898 15.2337 12.3757 15.2025 12.5565L14.2453 12.1463C14.2484 12.0979 14.25 12.0492 14.25 12C14.25 11.0203 13.6239 10.1869 12.75 9.87803Z"/><path d="M13.6544 13.525L14.6113 13.9351C14.0191 14.733 13.0699 15.25 12 15.25C10.9301 15.25 9.98087 14.733 9.38865 13.9351L10.3456 13.525C10.7568 13.9708 11.3458 14.25 12 14.25C12.6542 14.25 13.2432 13.9708 13.6544 13.525Z"/><path fill-rule="evenodd" d="M7.80812 5.85315C7.07434 5.9518 6.68577 6.13225 6.40901 6.40901C6.13225 6.68577 5.9518 7.07435 5.85315 7.80812C5.75159 8.56347 5.75 9.56458 5.75 11V13C5.75 14.4354 5.75159 15.4365 5.85315 16.1919C5.9518 16.9257 6.13225 17.3142 6.40901 17.591C6.68577 17.8678 7.07434 18.0482 7.80812 18.1469C8.56347 18.2484 9.56458 18.25 11 18.25H13C14.4354 18.25 15.4365 18.2484 16.1919 18.1469C16.9257 18.0482 17.3142 17.8678 17.591 17.591C17.8678 17.3142 18.0482 16.9257 18.1469 16.1919C18.2484 15.4365 18.25 14.4354 18.25 13V11C18.25 9.56459 18.2484 8.56347 18.1469 7.80812C18.0482 7.07435 17.8678 6.68577 17.591 6.40901C17.3142 6.13225 16.9257 5.9518 16.1919 5.85315C15.4365 5.75159 14.4354 5.75 13 5.75H11C9.56458 5.75 8.56347 5.75159 7.80812 5.85315ZM12 7.25C9.37665 7.25 7.25 9.37665 7.25 12C7.25 14.6234 9.37665 16.75 12 16.75C14.6234 16.75 16.75 14.6234 16.75 12C16.75 9.37665 14.6234 7.25 12 7.25Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12ZM13.0549 4.25C14.4225 4.24998 15.5248 4.24996 16.3918 4.36652C17.2919 4.48754 18.0497 4.74643 18.6516 5.34835C19.2536 5.95027 19.5125 6.70814 19.6335 7.60825C19.75 8.47522 19.75 9.57754 19.75 10.9451V13.0549C19.75 14.4225 19.75 15.5248 19.6335 16.3918C19.5125 17.2919 19.2536 18.0497 18.6516 18.6517C18.0497 19.2536 17.2919 19.5125 16.3918 19.6335C15.5248 19.75 14.4225 19.75 13.0549 19.75H10.9451C9.57754 19.75 8.47522 19.75 7.60825 19.6335C6.70814 19.5125 5.95027 19.2536 5.34835 18.6517C5.07033 18.3736 4.8655 18.0623 4.71362 17.7191C4.64592 17.7392 4.57422 17.75 4.5 17.75C4.08579 17.75 3.75 17.4142 3.75 17V14C3.75 13.6734 3.95871 13.3956 4.25002 13.2927V10.7073C3.95871 10.6044 3.75 10.3266 3.75 10V7C3.75 6.58579 4.08579 6.25 4.5 6.25C4.57422 6.25 4.64592 6.26078 4.71362 6.28086C4.8655 5.93766 5.07033 5.62637 5.34835 5.34835C5.95027 4.74643 6.70814 4.48754 7.60825 4.36652C8.47522 4.24996 9.57754 4.24998 10.9451 4.25H13.0549Z" clip-rule="evenodd"/></g></svg>

Safe 2 Bold アイコンの使い方

React

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

<Icon icon="solar:safe-2-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:safe-2-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:safe-2-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--safe-2-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:safe-2-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:safe-2-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/safe-2-bold.svg" alt="Safe 2 Bold アイコン" width="24" height="24">

Solar の関連アイコン

Safe 2 Bold アイコンのよくある質問

Safe 2 Bold アイコンは商用利用でも無料ですか?

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

React で Safe 2 Bold アイコンを使うには?

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

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

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

Solar アイコンをすべて見る →