Radial Blur Bold icon
solar:radial-blur-bold
The Radial Blur Bold icon (solar:radial-blur-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Tools
- Tags
- radialblur, blurbold, radialblurbold
SVG code
<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>How to use the Radial Blur Bold icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/solar/radial-blur-bold.svg" alt="Radial Blur Bold icon" width="24" height="24">Related icons in Solar
Radial Blur Bold icon FAQ
Is the Radial Blur Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Radial Blur Bold icon in React?
Install @iconify/react and render <Icon icon="solar:radial-blur-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Radial Blur Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/radial-blur-bold.svg" alt="Radial Blur Bold icon">, or paste the SVG code inline to style it with CSS.