Radial Blur Bold アイコン
solar:radial-blur-bold
Radial Blur Bold アイコン(solar:radial-blur-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
- カテゴリ
- ツール
- タグ
- radialblur、blurbold、radialblurbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M16.9997 20.66C12.2168 23.4214 6.10089 21.7826 3.33946 16.9997C0.578039 12.2168 2.21679 6.10089 6.99972 3.33946C8.94932 2.21386 11.1204 1.81935 13.1955 2.07088C16.2112 2.43642 19.0242 4.1664 20.66 6.99972C22.2958 9.83304 22.3875 13.1341 21.1962 15.9286C20.3765 17.8514 18.9493 19.5344 16.9997 20.66ZM14.25 6.5C14.6642 6.5 15 6.16421 15 5.75C15 5.33579 14.6642 5 14.25 5C13.8358 5 13.5 5.33579 13.5 5.75C13.5 6.16421 13.8358 6.5 14.25 6.5ZM14.25 11C14.9404 11 15.5 10.4404 15.5 9.75C15.5 9.05964 14.9404 8.5 14.25 8.5C13.5596 8.5 13 9.05964 13 9.75C13 10.4404 13.5596 11 14.25 11ZM14.25 15.5C14.9404 15.5 15.5 14.9404 15.5 14.25C15.5 13.5596 14.9404 13 14.25 13C13.5596 13 13 13.5596 13 14.25C13 14.9404 13.5596 15.5 14.25 15.5ZM11 14.25C11 14.9404 10.4404 15.5 9.75 15.5C9.05964 15.5 8.5 14.9404 8.5 14.25C8.5 13.5596 9.05964 13 9.75 13C10.4404 13 11 13.5596 11 14.25ZM9.75 11C10.4404 11 11 10.4404 11 9.75C11 9.05964 10.4404 8.5 9.75 8.5C9.05964 8.5 8.5 9.05964 8.5 9.75C8.5 10.4404 9.05964 11 9.75 11ZM15 18.25C15 18.6642 14.6642 19 14.25 19C13.8358 19 13.5 18.6642 13.5 18.25C13.5 17.8358 13.8358 17.5 14.25 17.5C14.6642 17.5 15 17.8358 15 18.25ZM9.75 19C10.1642 19 10.5 18.6642 10.5 18.25C10.5 17.8358 10.1642 17.5 9.75 17.5C9.33579 17.5 9 17.8358 9 18.25C9 18.6642 9.33579 19 9.75 19ZM9.75 6.5C10.1642 6.5 10.5 6.16421 10.5 5.75C10.5 5.33579 10.1642 5 9.75 5C9.33579 5 9 5.33579 9 5.75C9 6.16421 9.33579 6.5 9.75 6.5ZM18.25 9C18.6642 9 19 9.33579 19 9.75C19 10.1642 18.6642 10.5 18.25 10.5C17.8358 10.5 17.5 10.1642 17.5 9.75C17.5 9.33579 17.8358 9 18.25 9ZM6.5 9.75C6.5 9.33579 6.16421 9 5.75 9C5.33579 9 5 9.33579 5 9.75C5 10.1642 5.33579 10.5 5.75 10.5C6.16421 10.5 6.5 10.1642 6.5 9.75ZM18.25 13.5C18.6642 13.5 19 13.8358 19 14.25C19 14.6642 18.6642 15 18.25 15C17.8358 15 17.5 14.6642 17.5 14.25C17.5 13.8358 17.8358 13.5 18.25 13.5ZM6.5 14.25C6.5 13.8358 6.16421 13.5 5.75 13.5C5.33579 13.5 5 13.8358 5 14.25C5 14.6642 5.33579 15 5.75 15C6.16421 15 6.5 14.6642 6.5 14.25Z" clip-rule="evenodd"/></svg>Radial Blur Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:radial-blur-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:radial-blur-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:radial-blur-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--radial-blur-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:radial-blur-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:radial-blur-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/radial-blur-bold.svg" alt="Radial Blur Bold アイコン" width="24" height="24">Solar の関連アイコン
Radial Blur Bold アイコン のよくある質問
Radial Blur Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Radial Blur Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:radial-blur-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Radial Blur Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/radial-blur-bold.svg" alt="Radial Blur Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。