Call Prohibited icon
Used in call scenarios. The Call Prohibited icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Call Prohibited icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { CallProhibited24Regular, CallProhibited24Filled } from "@fluentui/react-icons";
export function Example() {
return <CallProhibited24Regular aria-label="Call Prohibited" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_call_prohibited_24_regular.svg" width="24" height="24" alt="Call Prohibited"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0141 2.49609C15.957 2.49609 18.8895 3.33787 20.7896 5.06532C21.7444 5.9333 22.1822 7.22707 21.9607 8.48821L21.9176 8.69802L21.7257 9.51464C21.4097 10.8593 20.1452 11.7609 18.771 11.6214L17.0164 11.4434C15.8451 11.3245 14.8793 10.4732 14.6145 9.32605L14.2253 7.6401C14.2102 7.5747 14.1694 7.51811 14.1121 7.48308C13.7907 7.28655 13.0784 7.16362 12.0141 7.16362C10.5492 7.16362 9.86128 7.39293 9.82228 7.55654L9.41365 9.32651C9.14888 10.4734 8.18359 11.3246 7.01261 11.4438L5.26692 11.6215C3.89633 11.761 2.63402 10.8648 2.31377 9.52485L2.11846 8.70767C1.80012 7.37577 2.23311 5.97625 3.24798 5.05683C5.14843 3.33511 8.07776 2.49609 12.0141 2.49609ZM12.0141 3.99609C8.41666 3.99609 5.83759 4.73479 4.25508 6.16847C3.64616 6.72013 3.38636 7.55983 3.57737 8.35897L3.77268 9.17617C3.91825 9.78522 4.49203 10.1926 5.11502 10.1292L6.86072 9.95148C7.39298 9.8973 7.83175 9.51039 7.9521 8.98909L8.36193 7.214C8.6312 6.08378 9.89168 5.66362 12.0141 5.66362C13.3321 5.66362 14.2793 5.8271 14.8947 6.20338C15.2956 6.44858 15.5811 6.84478 15.6868 7.30271L16.0761 8.98862C16.1964 9.51006 16.6354 9.89702 17.1678 9.95105L18.9224 10.1291C19.5471 10.1925 20.1218 9.78265 20.2655 9.17145L20.4574 8.35484L20.4907 8.18389C20.6056 7.44156 20.3421 6.68567 19.7806 6.17521C18.1987 4.7371 15.6173 3.99609 12.0141 3.99609ZM12 22.0002C8.96243 22.0002 6.5 19.5378 6.5 16.5002C6.5 13.4627 8.96243 11.0002 12 11.0002C15.0376 11.0002 17.5 13.4627 17.5 16.5002C17.5 19.5378 15.0376 22.0002 12 22.0002ZM12 20.5002C14.2091 20.5002 16 18.7094 16 16.5002C16 15.6667 15.7451 14.8928 15.3089 14.2521L9.75185 19.8092C10.3925 20.2453 11.1665 20.5002 12 20.5002ZM8.69117 18.7485L14.2483 13.1914C13.6076 12.7552 12.8336 12.5002 12 12.5002C9.79086 12.5002 8 14.2911 8 16.5002C8 17.3338 8.25497 18.1078 8.69117 18.7485Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/call_prohibited_24_regular.svg";Details
| Name | Call Prohibited |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_call_prohibited_24_regular.svg |
| Filled file | ic_fluent_call_prohibited_24_filled.svg |
| React components | CallProhibited24Regular, CallProhibited24Filled |
| License | MIT (© Microsoft Corporation) |